jQuery

FireQuery es un complemento de Firefox, que extiende y optimiza Firebug para centrarlo en el desarrollo con jQuery.

FireQuery añade funciones adicionales a la pestaña HTML mostrando datos adicionales de los eventos que se insertan con jQuery.

FireQuery: Firebug optimizado para jQuery

Todas las expresiones jQuery se presentan en la consola de Firebug + DOM Inspector y los elementos de jQuery se resaltan cuando uno pasa el mouse sobre ellos.

Además, el jQueryify bookmarklet está integrado a FireQuery permitiendo inyectar código de jQuery en cualquier sitio web.

Compatible con Firebug 1.3 o superior.

Descargar | FireQuery
Vía | webresourcesdepot

Web-kreation esta compartiendo un bien diseñado panel de login desplegable, muy útil para usar en websites con espacio limitado.

Panel desplegable de login con MooTools/jQuery

Tiene 2 versiones:

  • Usando MooTools
  • Usando jQuery (versión mejorada en lo que respecta a diseño y funcionalidad)

El panel funciona sobropiendo el contenido en lugar de empujarlo, y puede ser fácilmente convertido por cualquier otra funcionalidad (cómo navegación, búsqueda, formulario de contacto, etc.).

También ha sido integrado en Wordpress mediante plugins:

Demo | Sliding login panel with jQuery
Descargar | Nice & Clean Sliding Login Panel built with jQuery
Vía | webresourcesdepot

Como crear un carrusel infinito con jQuery

jQueryforDesigners ha creado un carrusel con jQuery que trabaja de la misma manera que el carrusel horizonal de la página de anuncios de Get a Mac. Ellos han publicado un tutorial (incluye video) donde explican los fundamentos del carrusel y como lo han creado, lllamándolo jQuery Infinite Carousel.

El truco, según comentan, está en construir el DOM con nodos clonados; así, cuando hacemos scroll y llegamos al último ítem, clonamos el inicio de la lista y lo insertamos al final de la lista. Una vez que la animación haya terminado, regresaremos a la posición del primer ítem. Interesante.

Enlace | jQuery Infinite Carousel
Vía | webappers

jPlayer es un plugin de jQuery para reproducir y controlar archivos de audio mp3 en una página web. Este reproductor usa un pequeño fichero swf por detrás, que no es mostrado en la página y que sirve para reproducir los archivos; dejando la posibilidad de personalizar totalmente al reproductor con XHML y CSS.

Reproductor de MP3 con Javascript (jQuery)

El plugin ofrece funciones como:

  • Seleccionar el archivo mp3 a reproducir
  • Reproducir, pausar y detener el audio
  • Control de Volumen
  • Observar el progreso de la descarga y reproducción

La página web del creador además pone a disposición una variedad de demos incluyendo el reproductor de un archivo, el reproductor de un playlist o un reproductor basado en texto con una barra de progreso.

Descargar | jPlayer (Reproductor de mp3 con javacript)
Vía | webresourcesdepot

jQuery Menu es una gran aplicación que nos ayuda a crear menús desplegables con variados themes y estilos fácilmente. Transforma una lista desordenada de links en menús y sub-menús desplegables con fabulosos diseños y efectos.

Crea menús desplegables fácilmente con jQuery Menu

El script nos permite cambiar la apariencia del menú de manera muy sencilla, ya que utiliza ThemeRoller, con lo que podemos cambiar el tema del menú con solo hacer click o crear nuestros temas rápidamente.

Cuando una lista forma parte de otra lista, jQuery Menu por defecto crea un menú al estilo iPod (¡genial!). Además, utiliza los atributos de ARIA (Accessible Rich Internet Applications Suite).

Requiere jQuery y jQuery UI

Demo y descarga| jQuery Menu
Vía | webresourcesdepot

Autosugerencias de Tags con Ajax (jQuery)

Si estas familiarizado con del.icio.us y haz probado el sistema de autosugerencias ajax que utiliza para añadir tags a los enlaces, podemos lograr ese mismo efecto utilizando jQuery tag suggestion, un plugin de jQuery. Este plugin ha sido creado por Remy Sharp y ha sido probado en IE 7, Firefox 2, Safari 3 y Opera 9

Demo | jQuery tag suggestion

Suscríbete

  • Suscribete a nuestro feed
  • Add to Google Reader or Homepage
  • Subscribe in NewsGator Online
  • Add to My AOL
  • Subscribe in Bloglines
  • Add to netvibes