Diseño adaptable (Responsive)

El diseño adaptable (responsive) es un enfoque de desarrollo web que cambia la apariencia de un sitio de forma dinámica según el tamaño de pantalla y la orientación del dispositivo. Es esencial para crear sitios optimizados para móviles, así como para ordenadores de sobremesa y portátiles. En Drupal se logra con temas y módulos diseñados para ajustar el diseño según el tamaño del dispositivo.

Se basa en el concepto de «cuadrículas fluidas», cuadrículas que se ajustan al tamaño del dispositivo con el que se ve el sitio. Así el sitio se muestra de forma optimizada para cada dispositivo y la experiencia de uso resulta coherente en todos. También usa consultas de medios (media queries), fragmentos de código que detectan el tamaño del dispositivo y ajustan el diseño en consecuencia.

En Drupal, el diseño adaptable se logra con temas y módulos diseñados para ajustar el diseño según el tamaño del dispositivo. Los temas ajustan el diseño del sitio, mientras que los módulos añaden funciones optimizadas para móviles. Además el código base del núcleo de Drupal incluye funciones pensadas para facilitar la creación de sitios adaptables.

El diseño adaptable es esencial para crear sitios optimizados para móviles, así como para ordenadores de sobremesa y portátiles. Con él, los sitios quedan optimizados para cualquier dispositivo y la experiencia de uso resulta coherente en todos.