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.

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.

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: Diseño web adaptativo, Responsive design