Menu

¿Responsive o Adaptive ?

El concepto Responsive Web Design (RWD) es un subconjunto de Adaptive Web Design (AWD).

wikipedia: El diseño web adaptativo o adaptable (en inglés, Responsive Web Design) es una técnica de diseño y desarrollo web que mediante el uso de estructuras e imágenes fluidas, así como de media-queries en la hoja de estilo CSS, consigue adaptar el sitio web al entorno del usuario.

El concepto fue definido por Ethan Marcotte -> http://ethanmarcotte.com/

Podríamos definir el diseño Responsive como aquel que se ajusta de forma fluida a los cambios y respondo para ajustarse a cualquier tamaño de pantalla o dispositivo

El concepto de Adaptive Web Design (AWD) hace referencia a la forma de definir un conjunto de métodos de diseño que se focaliza en el usuario y no en el navegador.

El AWD utiliza lo que se conoce como Mejora Progresiva (Progressive enhancement: PE) usando un conjunto de tamaños predefinidos de Layouts basados en el tamaño de pantalla del dispositivo usando CSS y Javascript que detecta cada dispositivo y envía únicamente la información necesario.

El concepto fue definido por Aaron Gustafson.

La Mejora Progresiva (Progressive enhancement: PE) se basa en tres capas:

  • Content layer = rich semantic HTML markup
  • Presentation layer = CSS and styling
  • Client-side scripting layer = JavaScript or jQuery behaviors

Podríamos definir el Adaptive Web design como aquel que cambiará para ajustarse a un conjunto de tamaños de pantalla y dispositivos predefinidos.