Esto es algo que está surgiendo con mucha fuerza en el mundo del diseño web, el diseño web sensible –RWD por sus siglas en inglés, Responsive Web Design–. Se trata de maquetar una web de manera que pueda verse correctamente en cualquier dispositivo. Hasta ahora se usaban diseños fluidos para esto, pero el responsive design es un paso más. Adapta todo al tamaño de la pantalla de visualización. En este post no voy a hacer la típica recopilación de 40+ plantillas para que la instales y listo. Lo siento. A estas alturas sería duplicar contenido sin necesidad. Pero si que quiero enseñaros en que consiste estos themes, y sus ventajas.
Fundamentos del diseño sensible
El pilar más importante del RWD es integrar el diseño en una reticula que usando porcentajes en las medidas y las “media queries” de CSS3 puede adaptar el ancho de la web dinamicamente. Un buen ejemplo es este. Probar a redimensionar la ventana y vereis lo que pasa.
Lo bueno de esta filosofía es que no tendrás que instalar plugins o hacer una versión móvil o para tablets de tu blog o web, y además podrás mantener la imagen del blog en todas las versiones, sin subdominios para la versión móvil, etc.
Implementación del diseño
Hay muchas plantillas en el mercado, incluso gratuitas que son responsive design, incluso la nueva plantilla por defecto de WordPress que es bastante configurable, es RWD. Pero si deseas empezar tu plantilla de cero, porque tienes un diseño o la razón que sea te recomiendo que como hacerlo es más o menos complicado, uses para diseñar tu plantilla un “framework” como Skeleton que ya incluye la reticula y algunas funcionalidades más muy interesante.
También de lectura recomendada es esta rápida presentación que nos explica un poco que es el diseño sensible y unos pequeños trucos para introducirse en esta filosofía con buen pie.
