Diseño web adaptativo

Artículos sobre el Diseño Web Adaptativo, incluyendo tutoriales y mejores prácticas. El Diseño Web Adaptativo nos permitirá optimizar nuestras páginas web y aplicaciones para que se adapten al ancho de pantalla del dispositivo desde el que se está accediendo a las mismas.

Imágenes en diseño web adaptativo: picture, sizes y srcset

Desde que hace años empezamos a implementar el diseño web adaptativo o responsive web design teníamos un problema pendiente: las imágenes. Este problema está dejando de existir. Por fin hay un acuerdo general en cómo hacerlo a través del elemento picture de HTML5 y de un par de nuevos atributos del elemento img. En este artículo veréis ejemplos de código que podéis aplicar ya en vuestros desarrollos.

Seguir leyendo

Nuevo modo de emulación de móviles en las herramientas de Chrome

Las nuevas versiones de Google Chrome han incorporado a su herramienta para desarrolladores algo muy interesante: un emulador de dispositivos móviles. Es una herramienta que puede ser muy útil para los que utilicéis Chrome. Está un poco oculta a primera vista. Primero activamos la Herramienta para desarrolladores (Menu > Herramientas > Herramientas para Desarrolladores, Cmd+Opt+I […]

Seguir leyendo