Ejemplos de “Diseño sensible” (Responsive web design)

CSS, Diseño, General, Programación

10 febrero 2012

¿Qué es el diseño sensible?, el diseño sensible no es ni más ni menos que la técnica que hace que nuestros sitios web puedan adaptarse al dispositivo con el que lo estamos visualizando.

Cuando construimos una web, normalmente hacemos 2 sitios, uno que se adapta a la resolución de nuestro ordenador y otra versión móvil mucho mas minimalista. Con el Diseño Sensible esto ya no es necesario, a través de grids fluidos, media querys e imágenes flexibles, nuestra web se adaptará al dispositivo, independientemente que este sea un ordenador, un móvil, un iPad…

Podéis conocer mas sobre esta técnica en el libro (de obligada lectura) “Responsive Web Design”, escrito por Ethan Marcotte.

Existen también opiniones sobre los problemas e inconvenientes del diseño sensible.

Os adjuntamos ejemplos de Diseño Sensible:

Diseño sensible 01

Diseño sensible 02

Diseño sensible 03
Diseño sensible 04

Diseño sensible 05

Vía: Sortega

Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.