/es/responsive-web-design-html-css3/media/Responsive-Design-boxes-619x346.jpg

Responsive Web Design – HTML CSS3

Bueno bueno bueno, como se esta poniendo el mundo de la maquetación con HTML5 y CSS3. Sabes lo que és el Responsive Web Design?. Pues hay que darse prisa a subirse a la ola. Esto no ha hecho más que empezar. Se trata de la creación de diseños que se adaptan a los diferentes dispositivos.

Es decir que el mismo diseño se acomoda visualmente al ancho de los diferentes dispositivos: Ordenador, tablet, movil. De este modo con un sólo diseño estamos creando soluciones para cada dispositivo. Se consigue de esta forma rebajar los presupuestos de soluciones web para diferentes dispositivos.

Qué no te queda claro?, pues mejor poner algunos ejemplos, para ello abre las siguientes webs con el navegador maximizado, y ves poco a poco haciendo la ventana del nevegador más pequeña, verás como se van redistribuyendo los elementos de la web, puedes ver como ejemplos las webs de smashingmagazine.com y la web de BarackObama.

Quieres más? En designmodo.com publican una recopilación de más de 50 diseños. También puedes consulta un par de Guias sobre Responsive Web Design publicadas en ecbloguer.com y en genbetadev.com.

El 19 de mayo se imparte un workshop sobre Responsive Web Design en Barcelona impartido por Javier Usobiaga. Pero siempre puedes acudir a Youtube para más información. Buen articulo en smashingmagazine.com que explica la técnica de desarrollo de Responsive Web Design. Más información sobre Responsive Web Design en la web de emenia.es.

Por último uno de los pocos libros que existen actualmente sobre Responsive Web Design de Ethan Marcotte .Una nueva tendencia que tendremos que ir incorporadando en la formación del ciclo formativo de desarrollo de aplicaciones web, en la asignatura de lenguaje de marcas.

 

Procesando la petición. ¡Espera, por favor!