¿Qué es el responsive web design?

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.

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.

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?

Deja un comentario

Asegúrese de introducir la información requerida con la marca (*). No está permitido el Código HTML.

© 2008 Hollywood Design - Servicios globales e integrados de Imagen Corporativa, Internet / Diseño web, Diseño Gráfico, Soportes, Marketing y Publicidad.