Responsive design

Internet ya está dentro de todo, ya no accedemos a la red de redes únicamente desde los ordenadores.

Navegamos desde als pequeñas pantallas de los móviles hasta en grandes monitores o pantallas de smartTV en nuestros salones, pasando por los cada vez mas habituales tabletas.

Al diseñar una web tenemos que ser conscientes de ello, podemos hacer una versión para cada uno de los dispositivos o utilizar la tecnica que llamamos Responsive Web Design (RWD o Diseño web Adaptable) que trata de hacer  una plantilla elástica que se adapte a lso diversos anchos y mediante css y un poco de js recolocar los elementos según el tamaño de la pantalla.

Por ejemplo en pantallas grandes podemos mostrar un layout con varias columnas, imágenes a gran tamaño y menús completos, en pantallas de móvil mostraremos el m ismo contenido en una sola columna, escalando las imágenes y ocultando menús.

Aquí un proyecto sencillo utilizando esta técnica.  Es un site realizado en WordPress al que he diseñado un theme a partir del 1140gs.

http://www.ecodigest.cat