Menú

¿Qué es el diseño responsive?

¿Qué es el diseño responsive?

El diseño web adaptativo, que sería la traducción correcta de responsive web design, consiste en utilizar técnicas de CSS para que el diseño se adapte al dispositivo desde el que navegamos, independientemente del tamaño u orientación de la pantalla. Esto se conoce como diseño responsive y nos permite optimizar el contenido en función del dispositivo desde el que se navega.

Diseño web adaptativo Bodegas Ijalba Logroño La Rioja

Gracias a las media queries como la siguiente creamos reglas en función de los tamaños de pantalla más utilizados:

@media (min-width: 768px) and (max-width: 979px) {

}

Si se está planteando realizar o modificar su web actual, es muy recomendable realizarla con diseño responsive, pensando en la multitud de dispositivos desde los que se navega actualmente.

Para saber cuánto tráfico recibe desde este tipo de dispositivos, acceda a su cuenta de Google Analytics y, en la sección Público > Navegador y SO > Resolución de pantalla, podrá ver los tamaños de pantalla que se utilizan para visitar su web.

Google Analytics resolución de pantalla

Si no sabe lo que es Google Analytics y no lo tiene implementado en su sitio, todavía está en el siglo XX 🙁

En mi portafolio puede ver algún ejemplo de diseño adaptativo.

¿Cree que será determinante en el futuro tener su web adaptada a los diferentes dispositivos existentes en el mercado?

Etiquetas: ,

This is a unique website which will require a more modern browser to work!

Please upgrade today!