Hoy en día, la variedad de dispositivos existente en el mercado (Smartphones, Tablets, Smart TV, etc) ha provocado que la información disponible no sea accesible desde todos los dispositivos, o bien es accesible pero la experiencia de navegación es muy pobre. A partir de esta necesidad, el diseñador norteamericano Ethan Marcotte creó y difundió una técnica llamada Responsive Web Design (Diseño Web Adaptativo), el cual permite mediante el uso de estructuras e imágenes fluidas, asi como de media-queries en la hoja de estilo CSS, adatar el sitio Web al entorno del Usuario.

En Julio de 2008, el consorci W3C discutió, describió y aprobó esta tecnica bajo el titulo «One Web». El concepto de «One Web» hace referencia a la idea de construir una Web para todos (Web for All) y accesible desde cualquier tipo de dispositivo (Web on Everything).

Con una sola versión en HTML y CSS se cubren todas las resoluciones de pantalla, es decir, el sitio web creado estará optimizado para todo tipo de dispositivos: PCs, tabletas, teléfonos móviles, etc.

De esta forma se reducen los costes de creación y mantenimiento, pues se evita tener que desarrollar aplicaciones ad-hoc para versiones móviles, por ejemplo, una aplicación específica para móviles Android, otra para iPhone, etc.5

Espero les sea de utilidad.

Algunos ejemplos de Web con diseño Adaptativo.

Demo 1 | Demo 2 | Best Demos

Saludos.