Categorías
Diseño web

Hacia la web responsiva y cómo conseguirlo

Ejemplo de web que funciona en todos los dispositivos

Diseñar páginas web requiere diseñar para distintas pantallas y dispositivos: PC, iPhone, Blackberry, iPad, Kindle y un largo etcétera. ¿Cuándo se detendrá esta locura? nunca.

Es hora del diseño responsivo (responsive web design). Las webs del futuro –y del presente– se deben diseñar de tal forma que el diseño responda al comportamiento del usuario basados en el tamaño de la pantalla, plataforma y orientación.

La primera aproximación del diseño responsivo lo introdujo Ethan Marcone con un artículo en A List Apart, que ha sido traducido al castellano por Marcelo Mazza (Diseño web responsivo). Vale la pena darle un vistazo.

Luego está un artículo en inglés de Smashing Magazine que nos muestra cómo diseñar imágenes flexibles y layouts que se adapten a cada pantalla. Responsive Web Design: What It Is and How To Use It

Finalmente una les dejo una lista de los mejores templates responsivos de WordPress. Lamentablemente son de pago. The Best Responsive WordPress Themes