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.
Alberto Baigorria 
Great job Luis, Responsive Design is awesome!!!
Me gustaMe gusta