El diseño web responsive o
adaptativo o "Reponsive Web Design" es una técnica de diseño web que busca la
correcta visualización de una misma página en distintos dispositivos. Desde
ordenadores de escritorio a tablets y móviles.
Hoy en día accedemos a sitios web desde todo tipo de
dispositivos; ordenador, tablet, smartphone… por lo que, cada vez más, nos
surge la necesidad de que nuestra web se adapte a los diferentes tamaños de los
mismos.Pero, ¿qué es esto exactamente?
¿Cómo funciona el responsive web design?
En lugar de construir una website para cada tipo de dispositivo
(smartphone, tablet, ordenador desktop, laptop e incluso, hoy en día, para
smart TV), se crea una sola website utilizando CSS3 media queries y un layout
con imágenes flexibles. De esta forma, la website detecta desde qué clase
de dispositivo está accediendo el usuario y muestra la versión más
optimizada para ese medio, reorganizando los elementos de la web e incluso
discriminando algunos de ellos (menos imágenes, más ligeras, redistribución de las
columnas en el diseño, menos texto, etc.).
El HTML5 permite
una experiencia excelente para los usuarios, sin el coste de desarrollar una
app nativa para cada dispositivo. En resumen, se diría que el responsive design
son todo ventajas.
Es fácil de manejar ya que solamente trabajas sobre una website
y los resultados serán uniformes en todas las plataformas sin distorsiones en
las imágenes o texto. Además, ahorras tiempo y dinero al desarrollar una vez y
un pago único de hosting.
