Nuevos conceptos pero no tan nuevas técnicas. La moda del diseño/desarrollo responsive hace necesaria una aclaración de algunas definiciones. Y qué mejor que hacerlo con un ejemplo utilizando las mismas técnicas descritas, para que puedan bucear por el código fuente.

Responsive

Acuñado en 2010 por Ethan Marcotte, corresponde a una grilla fluida que responde al cambio del ancho de un browser mediante mediaqueries, el cual incluye imágenes y videos.

Adaptativo

Rama del responsiveness, responde a múltiples versiones del mismo diseño que se adapta según el tamaño de la pantalla bajo diferentes anchos ya definidos.

Flexible

El más antiguo y soportado por todos los browsers, también denominado líquido. Usa unidades de medidas como porcentajes y no requiere mediaqueries.

[Ejemplo][1]{.verejemplo}

[1]: http://www.csslab.cl/ejemplos/responsive-adaptativo-flexible/ “Enlace en CSSLab a “Ejemplo Layout Responsive / Adaptativo / Flexible””