Maquetación adaptativa (Responsive Web Design)



Hace un tiempo, estuvimos hablando de como la evolución de la Web cambió el paradigma de la maquetación abandonando viejas prácticas (e incorrectas desde el punto de vista formal como era la maquetación usando tablas) hacia una maquetación basada en las recomendaciones del W3C (maquetación con DIV + CSS).
Junto con ese cambio, la explosión del acceso Web desde dispositivos móviles, como pueden ser tablets o smartphones ha aumentado y mucho el abánico de resoluciones, desde los 320px de un móvil de pantalla pequeña a la resolución de 1920px de los nuevos monitores panorámicos de alta definición. Todo ello, en constante cambio, pues si a principios de año María nos comentaba el auge de los monitores 16:9, a fecha de este post la resolución más usada es ya una de este tipo.
Por todo esto, ha surgido la necesidad de hacer diseños que se adaptan a las diferentes configuraciones.
Esta técnica suele referirse como "Diseño Web Adaptativo" pero como Internet es un mundo en que el inglés es el idioma relevante es mucho más sencillo obtener información con "Responsive Web Design".