Site icon RibosoMatic

Top 20: Ejemplos de interfaz de usuario (UI) con jQuery

iu widgets

Una recopilación de 20 interfaces de usuario que explotan el potencial que tiene una las librerías para JavaScript más populares: jQuery. Algunas de estos ejemplos no son funcionales en sí, pero muestra lo que se puede lograr con mucha imaginación y dedicación. Habrá que darse un tiempito para poder aprender más de esta librería.

1. Reproductor de música

Que hace uso de las teclas de dirección ó movimientos del mouse para avanzar y retrocer una canción ó subir y bajar el volumen.

 

2. Árbol gráfico animado

Que muestra los avatars de usuarios que comentan en tiempo real. Hace uso de processing.js.


3. Captcha

Que hace uso de elementos drag&drop.


4. Portafolio de sitios web.

Se muestra en la parte central con un efecto slide-vertical.


5. Un menu en la parte superior (dashboard).


6. Tetris

Se muestra también su código fuente.


7. Explorador de archivos

Con diferentes presentaciones (tipo Explorador de Windows).


8.  Editar dinámicamente gráficos.


9. Widget tipo Amazon.com

Crearlo para desplazar horizontalmente una serie de portada de libros.


10. Dimensionar el tamaño de un texto

Mediante un control deslizante podemos .


Ver más UI con jQuery…