Definición: ¿Qué significa el diseño web adaptable (RWD)?
El diseño web receptivo (RWD) es un enfoque en el desarrollo y diseño web que está orientado a crear sitios que brinden una experiencia visual eficiente y atractiva con texto que sea fácil de navegar sin alterar la resolución de una pantalla.
Esta capacidad se extiende a cualquier dispositivo o navegador utilizado para ver un sitio web, lo que significa que la apariencia y el diseño del sitio web cambian según el tamaño de la pantalla.
Techinfo explica el diseño web receptivo (RWD)
RWD se utiliza para adaptar el diseño de un sitio web al entorno de visualización de un usuario a través de cuadrículas fluidas y basadas en proporciones, imágenes flexibles y uso inteligente de CSS y scripts.
RWD utiliza los siguientes métodos:
- Cuadrículas fluidas, donde los elementos cambian de tamaño mediante el uso de unidades relativas, como porcentajes, frente a unidades absolutas, como medidas estándar y píxeles.
- Imágenes flexibles, que también se dimensionan en unidades relativas
- Consultas de medios de hojas de estilo en cascada (CSS), que permiten a un sitio web determinar el tipo de dispositivo, el tamaño de la pantalla y las capacidades del navegador, lo que permite la entrega de diferentes reglas de estilo basadas en estas características
- Componentes del lado del servidor con consultas de medios, que permiten una carga más rápida de sitios web, incluso con velocidades de datos móviles más lentas