Demostraciones de lo que se puede llegar a hacer con JQuery

Esta es una lista de algunos sitios en los que podemos ver hasta qué punto podemos diseñar una magnífica navegación con JQuery. Además de hacer todo más intuitivo y atractivo, el tiempo de carga es infinitamente inferior a otros sistemas al no tener que recargar la página o llamar a otra. JQuery consigue darnos una navegación tan fluida, que en numerosas ocasiones no sabrás si navegas por flash o html.

Estoy convencido que estas librerías ya son presente del diseño y que cada vez veremos más sitios programados con esta tecnología. Hoy en día cualquier web de primer orden ya incorpora Ajax en sus formularios, porque además de ser más rápida la navegación conseguimos ayudas geniales para el usuario.

A continuación una serie de webs que seguro que os van a sorprender:

http://carrotcreative.com/

En esta web podemos ver un modelo de navegación distinto a lo habitual. Al pulsar sobre cada una de las secciones la web se va desplazando horizontalmente enseñándonos la página deseada. Visualmente es genial, pero no todo puede ser perfecto. En términos de SEO nos perjudica enormemente ya que la url no cambia nunca al estar todo en la misma página. Por otro lado me parece una idea genial para webs muy visuales en los que el posicionamiento no sea imprescindible.

http://widgets.grooveshark.com/

Grooveshark nos ayuda a generar unos widgets para nuestra web con buena música. Es genial ver cómo vamos editando nuestro widget, dándole forma y características a la vez que vamos viendo el resultado final, sencillamente buenísimo y muy apropiado para el caso.

http://aviary.com

De Aviary todo me gusta. El diseño me parece muy fresco, el menú superior nos sorprende con unas capas desplegables perfectamente fundidas con el resto del diseño. La web está llena de detalles. El caso de las pestañas inferiores que podemos encontrar en la home es un claro ejemplo de lo potente que es JQuery. Además de cargarnos las pestañas rápidamente, nos hace una especie de transición que hace todavía más visual el conjunto de la web. Buenísima.

http://wpcoder.com/

Hay que tener muy claro lo que queremos vender, ser directo y darle al usuario lo que está buscando, rápido y conciso. Esta web es un ejemplo de ello y JQuery les ayuda a serlo.

http://www.mattdempsey.com

Otra genialidad de lo que se puede hacer con JQuery. Como en uno de los anteriores casos, vamos cargando capas, pero en este caso, si os fijáis, veréis que solucionamos el problema de las url’s añadiendo una palabra clave a cada una de las pestañas activadas.

http://www.brightcreative.com

Si además de usar bien JQuery eres capaz de hacer un buen diseño, el resultado es una web atractiva tanto visualmente como funcionalmente.

http://www.redcrownstudio.com

En esta web lo que más me gusta es el desplazamiento vertical con aceleración, aunque no veo muy correcto el haber usado flechas con pinta de «adwords», me ha hecho dudar en si pulsar o no.

http://thinkav.co.nz

Os frotaréis los ojos, imposible pensar que no se trata de flash. Efectos de desplazamiento, cambios de degradado y opacidad…. Sencillamente increíble.

http://www.lisapram.com/

Otra web en la que todo el catálogo transcurre con la ayuda de unas capas deslizantes. No la veo como una web que destaque por su diseño, todo lo contrario, pero puede daros ideas para trabajar con capas deslizantes.

http://wpesp.com/

En esta web podemos ver de nuevo el desplazamiento vertical con aceleración para ir a los distintos contenidos, pero sin duda lo que más me llamó la atención fue el detalle del menú y la capa que persigue al cursor hasta situarse en su lugar correcto en cada una de las opciones.

En definitiva como habéis podido comprobar, parece ser que no existen límites. Si tenéis alguna otra web que sea merecedora de compartir este listado enviadla.