Responsive web design: tendencias del diseño web

Hace un tiempo que la web ya no se utiliza únicamente desde un ordenador o portátil, cada día tenemos más dispositivos de diferentes tamaños, que podemos ver en horizontal o vertical. En este punto los desarrolladores web nos podemos plantear el desarrollar un sitio en “versión de escritorio” y otro muy similar para dispositivos móviles, con menos imágenes, menos información, un diseño más limitado, etc. Todo esto tiene su parte negativa ya que son más horas de mantenimiento, más quebraderos de cabeza y no siempre es una buena solución ya que tal vez al usuario le resulte incómodo que se le muestre una versión móvil en su tablet cuando tiene pantalla de sobra.

Una gran solución que ha aparecido y se ha puesto muy de moda en 2012 y esperamos que siga evolucionando igual de bien es el responsive web design que se trata resumiendo de que la web se adapte al tamaño de pantalla para ofrecer una mejor experiencia al usuario. Hablando en líneas generales se trata de crear una distribución fluída del sitio web con medidas relativas (en porcentajes y em) y jugar con las media queries, css y con javascript.

Para ver un ejemplo, puedes redimensionar la ventana de tu navegador o girar tu dispositivo para ver cómo la web se adapta.
Puedes ver más ejemplos responsive en http://mediaqueri.es/

Nosotros, desde K2A Soft nos hemos inspirado en Smashing Magazine http://www.smashingmagazine.com/ un sitio referente en el mundo del diseño web y también recomendamos herramientas como Responsivator http://dfcb.github.com/Responsivator/ donde puedes ver la web que indiques en diferentes tamaños de pantalla.

También podemos recomendar muy buenos tutoriales en https://mejorando.la/videos/tutorial-responsive-design/ y http://www.desarrolloweb.com/manuales/videotutoriales-responsive-web-design.html

Como siempre, esperamos vuestros comentarios acerca de éste interesante tema.
Un saludo a todos.