Posts etiquetados ‘jQuery’
jQuery Tools: La librería UI perdida para la Web
jQuery Tools es una librería UI, que reune una colección de las más comunes interfases para usuario usadas en los desarrollos de los sitios Web actuales.
jQuery Tools como su nombre lo indica utiliza la librería jQuery como núcleo central de su funcionamiento, jQuery Tools se centra fundamentalmente en cuatro aspectos que son:
- Las partes esenciales que debe llevar una aplicación Web 2.0, haciendo énfasis principalmente en su diferenciación de las aplicaciones de escritorio.
- El tamaño y desempeño, ya que la librería pesa tan solo 5.8 KB hace énfasis en la Red de Entrega de Contenidos “Content Delivery Network (CDN)”.
- Facilidad de uso ya que no requieres de ser un programador para usar esta librería, y sacarle gran provecho.
- La posibilidad de ampliación, ya que se puede modificar el funcionamiento de la librería para lograr otros comportamientos más a medida. Separa el CSS del código lo que lo hace bastante fácil de aplicar sin conocimientos avanzados.
La librería es constantemente soportada por lo que se actualiza con frecuencia, además cuenta con gran número de Demos de su uso lo que muestra su potencial, así como tiene una muy buena documentación.
Desde el área de descarga puedes bajar herramientas por separado o todo el conjunto similar a jQueryUI, cuenta con herramientas para el trabajo con Tabs, Tooltips, Expose, Overlay, Scroll, FlashEmbed y jQuery toosl y Flowplayer.
Habilitar gestos del ratón con jQuery
jquery Fancy Gestures es un plugin jQuery, que permite habilitar el uso de gestos complejos del ratón como letras, alfabetos y sus gestos personalizados en cualquier sitio Web.
Por medio de este plugin se puede recibir entradas en sus sitios Web como si de un smartphone se tratase, y de esta forma podemos dar muchos usos a nuestras aplicaciones como captchas, firmas, dibujos, etc. todo dependerá de nuestra imaginación.
Características:
- Crear sus gestos personalizados.
- Crear múltiples entradas donde aceptar gestos.
- Previsualización.
- Trabaja con la mayoría de navegadores.
Requerimientos:
El plugin esta bajo una licencia MIT, lo que nos permite darle un uso libre.
Enlace: Descargar plugin
Enlace: jQuery fancy gestures (Documentación)
Crea tu propio reproductor MP3 con la ayuda de jQuery
jPlayer es un plugin para jQuery que permite reproducir archivos MP3 dentro de una página Web. El reproductor utiliza un archivo swf para reproducir los archivos, pero este no es mostrado en la página por lo que el reproductor puede ser totalmente personalizado con XHTML y CSS.
El reproductor ofrece funciones que permiten reproducir un archivo MP3, pausar, detener y ver el progreso de la pista en una barra, así como controlar el volumen.
Ver demos después del salto.
Tooltips y Flash con jQuery
Tooltips Flash con jQuery
Navegando la Web me encuentro que Peter Goodman, creo un Plugin para jQuery que permite poner contenido Flash dentro de los tooltips.
Desde aquí puedes bajar el plugin y el ejemplo completo para usarlo, incluye el ActionScript.
jQuery Flash Plugin
Otro plugin bastante bueno, que permite de una forma sencilla pero poderosa, agregar contenido Flash mediante jQuery, permitiendo agregar vídeos de Youtube, reproductores mp3, etc de forma sencilla.
Basta con agregar unas lineas como estas:
$('#hello').flash({ src: 'hello.swf', width: 320, height: 240 });
Enlace: jQuery Flash Plugin
Enlace: Flash tooltips using jQuery
jTouch: Guia jQuery para Iphone y IpodTouch
jTouch es un manual para jQuery que se adapta perfecto a las funcionalidades Touch del Iphone o del IpodTouch, de momento esta para la versión 1.2.3 de jQuery.
La herramienta se adapta perfecto al entorno del Iphone y de esta forma nos permite acceder a ella desde cualquier lugar siempre y cuando tengamos una conexión a Internet.
Enlace: jTouch
Guía visual de jQuery
jQuery es sin lugar a duda una de las librerías JavaScript más eficientes y usadas, en la Web encontramos infinidad de guías para documentarnos acerca de esta, visualjquery.com es un sitio Web que nos permite conocer las funcionalidades a la vez que nos sirve de manual de forma visual e intuitiva, cuenta con un buscador con sistema de autocompletado, esta guia esta actualizada a la versión 1.2.6, y la información se encuentra organizada de forma muy eficiente.
Enlace: VisualjQuery
Crear CSS para un Sprite
Chris Brainard desarrolló una herramienta que permite por medio de el uso de jQuery y jCrop, generar el código CSS para un Sprite de una imágen que subamos.
Aquí vemos su funcionamiento, gracias al uso de jCrop podemos seleccionar una porción de la imágen que subimos y la herramienta de Brainard nos proporciona el CSS necesario para su implementación.
Enlace: Sprite creator
Enlace: CSS Sprite creator (Vía Ajaxian)
jQuery Glow: Emite luminosidad
jQuery Glow es un código jQuery que permite al texto emitir luminosidad cuando el cursor se posa sobre esté, el código elaborado por Pat Nakajima funciona en navegadores que soportan la propiedad CSS text-shadow, observa el demo en acción.
Implementación sencilla:
$(document).ready(function() {
$('.glow-me').addGlow();
});
Implemetación un poco más avanzada:
$(document).ready(function() {
$('.glow-me').addGlow({
radius: 20,
textColor: '#ff0',
haloColor: '#ffa',
duration: 200
});
});
Enlace: jQuery Glow
Enlace: jQuery Glow (Vía Ajaxian)
jQuery Menu: Menús desplegables al estilo Ipod
jQuery Menu es un aplicación que te permite convertir una lista desordenada de enlaces en un muy estético menú con sub-menús, además cuenta con una selección de temas para darle un aspecto más personal al menú.
El script utiliza ThemeRoller, lo que permite cambiar la apariencia del menú de manera muy sencilla con un simple clic, además podemos crear nuestros temas personalizados.
jQuery Menu crea menús al estilo Ipod utilizando los atributos ARIA (Accessible Rich Internet Applications Suite).
Para su utilización requiere de jQuery y jQuery UI.
Enlace: Descargar jQuery Menu y ejemplos
Enlace: Ver Demo Ipod
Enlace: jQuery Menu
Script Newsletter con PHP y jQuery
Newsletter Module es un script desarrollado en PHP y AJAX, que nos permite gestionar boletines de noticias, emails, crear categorías, configurar plantillas, adjuntar archivos y además cuenta con una completa documentación.
Gracias a su desarrollo con tecnología jQuery nos proporciona con una sencilla interface, que permite crear lista de correos organizada por categorías y vista previa de mensajes antes de enviarlos.
El script no cuenta con la interface para los usuarios que se quieran suscribir, pero es bien sencillo crear una para usarlo según su sitio Web.
Aquí puedes ver una demo.
Descarga el script aquí.










