¿Qué es WebP?
WebP: un formato más eficiente para las imágenes en Internet
  • Diseño web

La mayor parte de las páginas web incluyen una gran cantidad de fotos, gráficos y animaciones, lo que suele afectar al rendimiento. Una técnica a la que se recurre con frecuencia para evitar este problema es la compresión de los archivos de imagen. Con WebP, Google ha desarrollado un formato que toma la delantera a JPEG, PNG, GIF, entre otros, aunque, hasta el momento, su papel ha sido secundario...

WebP: un formato más eficiente para las imágenes en Internet
Breadcrumb trail: definición y ejemplos
Breadcrumb trail o migas de pan: las ventajas de la ruta de navegación
  • Diseño web

La breadcrumb trail o ruta de navegación con migas de pan tiene como función ayudar a los usuarios a ubicarse dentro de tu web. Proporcionando una visión general y rápida de la estructura de la web, mostrando los filtros implementados o las categorías principales, las migas de pan ayudan a los usuarios a, por ejemplo, pasar de una página a otra o retroceder a la página de inicio. En este artículo...

Breadcrumb trail o migas de pan: las ventajas de la ruta de navegación
Inspiración para una página web con diseño creativo
Fuentes de inspiración para crear una página web con diseño creativo
  • Diseño web

¿Estás buscando ideas de diseño web para tu proyecto? En Internet existen numerosas plataformas, comunidades y blogs especializados en páginas web con un diseño inigualable. Hemos recopilado las ocho fuentes de inspiración más importantes para que logres un diseño creativo e innovador. En nuestra guía encontrarás galerías de flat design, one page websites o plantillas para WordPress, ocho opciones...

Fuentes de inspiración para crear una página web con diseño creativo
Navegación web
Optimiza tu navegación web para aumentar la accesibilidad
  • Diseño web

¿Quieres que tu página web sea aún más atractiva? Lo primero que debes hacer es revisar si la navegación web es clara e inteligible porque, con una estructura de navegación bien estudiada y algunos ajustes básicos, tu página no solo puede tener un gran éxito ante los usuarios, sino también con respecto a los buscadores. Con una estructura web limpia, un diseño atractivo y contenido útil, tu...

Optimiza tu navegación web para aumentar la accesibilidad
Optimización móvil: cómo evitar los errores más comunes
Optimización móvil: los errores más comunes
  • Diseño web

La optimización móvil es para los diseñadores web un gran desafío, pero también les ofrece muchas oportunidades para conseguir una experiencia de usuario positiva. Si se lleva a cabo de forma incorrecta o insuficiente, la web móvil creada puede dar lugar a resultados totalmente contrarios a una buena experiencia de usuario. Para que una página web optimizada para móviles satisfaga las exigencias...

Optimización móvil: los errores más comunes
Mobile first: la nueva tendencia del diseño web
Mobile First: el enfoque actual del diseño web móvil
  • Diseño web

¿Sustituirán por completo los smartphones y tablets a los ordenadores en un futuro? Diversos factores indican que así será, incluso tomando como fundamento el volumen de búsquedas móviles de Google. La estrategia Mobile First se posiciona como una forma de desarrollo y optimización de páginas web para dispositivos móviles. Un diseño sencillo y dinámico no solo garantizará la satisfacción de los...

Mobile First: el enfoque actual del diseño web móvil
Fundamentos de tipografía responsiva
La tipografía responsiva: conceptos básicos
  • Diseño web

En Internet se encuentran gran cantidad de textos con diferentes tipos de letra. La expansión del diseño web responsivo también influye en la tipografía web, ya que la representación de la letra debería ajustarse siempre a la pantalla del dispositivo que se usa para asegurar la legibilidad de los contenidos. Una tipografía capaz de responder a estos ajustes debe ser flexible y usar las fuentes que...

La tipografía responsiva: conceptos básicos
¿Qué es APNG?
APNG: qué es y cómo se crean PNG animados
  • Diseño web

Los GIF son un recurso muy popular para promocionar publicaciones y noticias en las redes sociales. Sin las expresivas animaciones en el formato homónimo parece imposible imaginarse el mundo online y lo cierto es que APNG es un formato alternativo que en algunos aspectos supera incluso a GIF. ¿Cuál es el secreto de los PNG animados y cómo se crean animaciones en este formato?

APNG: qué es y cómo se crean PNG animados
Comprimir CSS para optimizar los tiempos de carga
Cómo comprimir CSS y mejorar el rendimiento de una web
  • Diseño web

Encontrar elementos estructurales directamente en el código HTML no es muy común. Colores, fuentes y tamaños de otros elementos HTML son definidos normalmente en las llamadas hojas de estilo, como por ejemplo CSS. Si se trata de una web compleja, el número de archivos CSS necesarios para su correcto funcionamiento será mayor, lo que puede tener un impacto significativo en el tiempo de carga. Así,...

Cómo comprimir CSS y mejorar el rendimiento de una web
Los trucos de Photoshop que debes conocer
Los trucos de Photoshop más importantes para Windows y Mac OS
  • Diseño web

La gran cantidad de clics que requiere usar los menús de Photoshop es tal vez una de las pocas desventajas de uno de los programas de edición de imágenes más populares en el mundo. Sin embargo, con algunos trucos y con los atajos de teclado adecuados es posible trabajar sin complicaciones. Hemos seleccionado algunos de los métodos abreviados de teclado para Windows y Mac OS que te ayudarán a...

Los trucos de Photoshop más importantes para Windows y Mac OS