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.

Leer el resto de la entrada »

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:

  1. Crear sus gestos personalizados.
  2. Crear múltiples entradas donde aceptar gestos.
  3. Previsualización.
  4. Trabaja con la mayoría de navegadores.

Aquí puedes ver un Demo.

Requerimientos:

  1. jQuery
  2. Walter Zorn’s VectorGraphics Library

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.

Leer el resto de la entrada »

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í.