¿Qué es el responsive web design?
- Escrito por Néstor Miranda
- Publicado en Blog
- Leer 20281 veces
El diseño web adaptativo, que sería la correcta traducción 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 de cual sea su tamaño de pantalla u orientación.
Esto nos permite optimizar el contenido en función del dispositivo desde el que se navega.
Gracias a las media queries del tipo:
@media (min-width: 768px) and (max-width: 979px) {
}
Vamos haciendo reglas en función de los tamaños de pantalla más utilizados.
Si se está planteando realizar o modificar su web actual, es muy recomendable realizar la pensando en la multitud de dispositivos desde los que se navega actualmente.
Para saber cuanto 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, desde ahí podrá ver los tamaños de pantalla que son usados 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.
Si lo desea puede ver algún ejemplo de diseño web adaptativo en mi portafolio.
¿Cree que será determinante en el futuro tener su web adaptada a los diferentes dispositivos existentes en el mercado?