Diseño web adaptable

El diseño web adaptable (o «RWD») es un tipo de diseño web que proporciona una experiencia de visualización personalizada para distintas plataformas de navegador. Un sitio web creado con RWD mostrará una interfaz diferente según el dispositivo que se utilice para acceder al sitio. Por ejemplo, un sitio web adaptable puede verse de una manera en una computadora portátil, de otra manera en una tableta y todavía de otra manera en un teléfono inteligente.

Hoy en día, muchas personas acceden a los sitios web desde dispositivos móviles, en lugar de hacerlo desde computadoras de escritorio o computadoras portátiles. Aunque la mayoría de los teléfonos inteligentes puede mostrar sitios web normales, el contenido es difícil de leer y aún más difícil de navegar. Por lo tanto, muchos desarrolladores web utilizan ahora el diseño web adaptable para ofrecer una mejor experiencia de navegación web en pantallas pequeñas.

Los sitios web diseñados para dispositivos móviles como los teléfonos con (iOS y Android) normalmente tienen un tamaño de fuente predeterminado más grande y una navegación simplificada. Algunos sitios también aprovechan la interfaz de las pantallas táctiles, ofreciendo compatibilidad con deslizamientos, rotación y pellizcos para ampliar y reducir. Un sitio web optimizado para dispositivos móviles también puede eliminar contenido innecesario para reducir la necesidad de desplazarse. A menudo se eliminan los cambios de imagen al pasar el cursor y otras funciones activadas al pasar el mouse, ya que las pantallas táctiles no admiten un puntero de mouse.

Hay varias formas de implementar el diseño web adaptable. Un método consiste en detectar dinámicamente la plataforma del usuario (como un iPad o un iPhone) y cargar HTML y CSS específicos para el dispositivo correspondiente. Otra opción es utilizar consultas de medios, que cargan automáticamente distintos estilos CSS según el tamaño de la ventana del navegador. El paquete Bootstrap, que contiene varios archivos preescritos de JavaScript y CSS, se basa en consultas de medios y se utiliza habitualmente en el diseño web adaptable.