Responsive Design "Adaptando la web a los dispositivos"

Estamos en un mundo móvil, y cada vez más accedemos a internet desde dispositivos variados, con necesidades y en situaciones diferentes. Así como los diseñadores sobre el papel tenían el control absoluto de lo que se presentaba estáticamente, fijo, impreso, al diseñar para web se encuentran con multitud de resolución de pantallas, con navegadores diferentes, con formas de interactuar que van desde un teclado, mouse, stylus o los dedos. Como dice John Allsop, desarrollador, "debemos entender y adoptar la idea de que la web no tiene los mismos límites y debemos diseñar con esta flexibilidad. Pero primero debemos aceptar la marea y el flujo de las cosas".

El diseño web adaptativo, del inglés responsive web design, a veces se traduce no del todo correctamente como "diseño responsivo", tiene todo que ver con esto. Es una técnica de diseño y desarrollo web que, mediante el uso de estructuras e imágenes fluidas y media queries en la hoja de estilo CSS permite que el sitio web se adapte al entorno del usuario, sea cual sea el dispositivo que utilice para navegar.

El término fue creado por Ethan Marcotte, quien además de escribir una serie de artículos sobre el tema en A List Apart, publicó un libro al que llamó Responsive Web Design, donde describe teoría y práctica. El concepto One Web había partido del W3C en 2008 y hace referencia a construir una Web para todos (Web for All), accesible desde cualquier dispositivo (Web on Everything).

 En los sitios móviles puede darse el caso de que la función y el contenido necesiten ser diferentes que en el sitio visto en la versión de ordenador de sobremesa, y allí es donde el diseño adaptativo puede resolverlo, quitando o reduciendo la visibilidad de ciertos elementos.