Responsive Webs, cada vez más utilizadas

Durante estos últimos años hemos conocido muchos términos que han ido designando como han evolucionado las websites: primero una página web 1.0 simple de HTML, más adelante con estilos con CSS, luego las webs 2.0 con las que surgieron la wikipedia y plataformas que permitían al usuario crear los contenidos y ahora las web 3.0 o "webs inteligentes".

Pero esto no se ha quedado ahí sino que ha surgido otro término, ya no tanto relacionado con la relación usuario-web sino con los dispositivos donde se visualizan las web: responsive web.

Actualmente y cada vez más están surgiendo más dispositivos con pantallas de todo tipo: diferente tamaño, diferente resolución, diferente forma de interacción con el usuario... Los diseñadores y programadores web lo tenían muy difícil para crear webs que, de alguna manera, dieran los mínimos problemas  y se visualizaran en la mayoría de dispositivos y navegadores. Podían crear webs para cada dispositivo y navegador o conformarse con que funcionaran bien en sólo algunos de ellos. Ambas soluciones no podían complacer del todo a ningún cliente ya que se quedaban cortas.

Entonces comenzaron a aparecer webs que daban solución a esto, ahora conocidas como responsive webs. Son webs optimizadas para todos los dispositivos y navegadores ya que se adaptan a la pantalla en que se estén visualizando sin necesidad de crear varías páginas para cada dispositivo.

COMO SABER SI ES O NO RESPONSIVE

Una forma muy simple de comprobar si una web es o no responsive es, con el ordenador, haciendo lo que muchos en el mundo del diseño gráfico y web conocen como "el baile del diseñador". No es un. Uevo baile como el del caballo ni nada parecido, consiste en coger de la esquina inferior derecha de la ventana del navegador, con la web abierta, y moverla de forma que hagamos más grande y más pequeña la ventana (simulando el formato que tendría la pantalla del móvil o de una tablet) y comprobando si la web se adapta sola o no. Si se adaptan los elementos, estamos ante una web responsive.

EJEMPLOS

Os dejo unos ejemplos de este tipo de web para que lo comprobéis vosotros mismos. Las dos primeras son mías y la tercera es de la Universidad Complutense de Madrid que ya se ha unido a utilizar este tipo de webs.

1 - Aitor Águeda www.aitoragueda.es

2 - W-Art (es el nombre que utilizo para mis proyectos) www.w-art.in

3- UCM www.ucm.es