Diseño Web adaptable (RWD)
Un sitio Web adaptativo (Inglés RWD) es un concepto de diseño Web que incluye diferentes principios y tecnologías en las que un sitio Web está diseñado para ofrecer al visitante una experiencia de la consulta óptima para facilitar la lectura y la navegación. El usuario puede ver la misma página Web a través de una variedad de dispositivos (monitores de computadoras, smartphones, tablets, televisores, etc) con el mismo confort visual y sin la necesidad de desplazamiento horizontal o hacer zoom / en dispositivos táctiles que incluyen manipulaciones que a veces pueden degradar la experiencia del usuario.
Tanto como el proposito de la idea del diseño Web adaptable fuerón previamente discutidos y descritos por Consorcio W3C julio de 2008. Recomendación «Mobile Web Best Practices» bajo el Subtítulo «Una Web».
Dicha recomendación, aunque para dispositivos móviles específica, puntualiza que el esta hecha en el contexto «Una Web», Por lo del tanto hay que abarcaba no solo en la experiencia de navegación de dispositivos móviles sino en dispositivos como pantalla de sobremesa.
El Concepto «Una Web» Hace Referencia a construir la idea de la Web para todos (Web for All) y accesible desde cualquier del tipo de dispositivo (Web on Everything).
Hoy Día en la Variedad de Dispositivos existentes en el mercado ha provocado que la información disponible sea accesible a todos desde los distintos dispositivos.
Un sitio Web diseñado en el principio de la tecnología RWD utiliza medios de CSS3, una extensión de la @ Media para adaptar el diseño los diferentes contenidos de página
Las consultas permiten a la página utilizar diferentes reglas CSS en base a las características de la consulta terminal. Más comúnmente se aplican en función de las reglas de la anchura de la terminal. Estas anchuras se llaman «puntos de ruptura» y corresponden a una necesidad de cambiar el diseño de un cierto umbral crítico para facilitar la navegación y la reproducción de contenido.
El concepto de fluido consiste en una rejilla de dimensionamiento relativo de los diversos bloques de la página. Las unidades relativas en porcentajes o emergentes son lo suficientemente adecuados para que, mucho más que las unidades absolutas como píxeles o puntos.
Las imágenes tienen una necesidad de flexibilidad también se cambia el tamaño de la unidad en relación con el fin de evitar un posible desbordamiento de los contenidos fuera de su elemento contenedor.
A partir de la versión de escritorio de la página Web, algunos construyen página Web reformados gradualmente a medida que el ancho de la pantalla disminuye cuando no son simplemente eliminados. Esto es para adaptar el diseño de acuerdo con la resolución de las disminuciones de pantalla. Los casos más comunes y los más evidentes es el paso de un sitio con múltiples columnas versión de escritorio, a uno en versión móvil.
El concepto de móvil primero puede ser visto como una forma de pensar en el que la construcción de una interfaz fácil de usar para los dispositivos móviles se centrará en la ergonomía antes de establecer un «escritorio» terminal (de escritorio). ¿Qué es, en la historia de la Internet, la pantalla tradicional. Esta idea tiene como objetivo mejorar la experiencia del usuario (UX).
El desarrollo de una interfaz de uso fácil con la restricción de una pequeña pantalla establece un número máximo de elementos visibles por el usuario final. Una tendencia que se encuentra cada vez más en la ergonomía de interfaces Web.
Este pensamiento es cada vez más preferente con las herramientas para la creación de sitio Web. Por ejemplo Drupal desarrollo de la versión 8 de CMS tratando de integrar este pensamiento «Mobile First». El aumento constante en las ventas de los «dispositivos inteligentes conectados» (PC, teléfonos inteligentes y tabletas) incrementó el interés de lograr plantillas RWD para la mayoría de las herramientas de gestión de contenidos. WordPress y Joomla también ofrecen un diseño que incorpora la dimensión sensible. Para ir más lejos, los nuevos sistemas de gestión de contenido Web se integran el diseño de respuesta en su diseño. Rubedo CMS integran de forma nativa el diseño de sistemas de Grid utilizando fluidos, permite para definir elementos de la página que se mostrará de acuerdo con el sustrato mediante casillas de verificación simples.