Continuando con la línea de posts sobre utilidades basadas en jQuery, incluimos el listado publicado en Smashing Magazine donde figuran herramientas para formularios, para incluir efectos en elementos gráficos, para construir galerías y slideshows, menús de navegación, etc.
TipTip es un plugin que detecta los límites de la ventana del navegador para facilitarnos que los contenidos de la página quedan dentro de ella. Permite incluir descripciones de elementos de forma que estas siempre se mostrarán en el lugar seleccionado referido a dicho elemento. Se trata de un código muy liviano (3.5 Kb), no utliza imágenes y es completamente configurable vía CSS.
Contextual Slideout Tips con jQuery & CSS3
Se trata de un conjunto de códigos jQuery que, junto con hojas de estilo CSS3, permiten crear slideouts con imágenes y descripciones. Muy práctico para páginas de productos y visitas en línea.
jQuery Slider plugin (estilo Safari)
jQuery Slider es un plugin muy sencillo que nos permite crear barras deslizantes.
jSquares es un plugin jQuery para crear pops up de imágenes con su respectivas descripciones. Funciona correctamente en IE6+, FF 3+, Safari 3+ y Opera 10.
Generador de menús de navegación.
Jquery Two Sided Multi Selector
Este plugin convierte una lista de selección múltiple en una lista de selección múltiple. Esto significa que permite mostrar una lista de opciones en el cuadro de la izquierda y otra de elementos seleccionados en el cuadro de la derecha.
jQuery Keyboard Navigation Plugin
Este plugin jQuery proporciona la capacidad de navegar por los elementos de una página mediante el teclado.
FullCalendar es un plugin jQuery que nos permite generar un calendario en el que se puede realizar drag & drop de los elementos para cada una de las fechas. Utiliza AJAX para obtener los eventos de cada fecha y permite ser configurado como un feed para servir por RSS cada una de las citas.
Formularios
iPhone Style Radio y Checkbox Switches mediante JQuery y CSS
Permite crear, de forma sencilla, radio button y checkbox switches mediante jQuery.
Plugin para seleccionar menús. Está diseñado para duplicar y ampliar la funcionalidad de elementos HTML nativos y permite personalizar la apariencia, añadir iconos, y crear la jerarquía dentro de las opciones.
Este plugin jQuery crea un efecto bastante agradable, y puede ayudar a ahorrar espacio en los formularios mediante el uso de etiquetas para cada campo.
Técnica jQuery para presentar las etiquetas de los campos de entrada del formulario mediante efectos de deslizamiento.
Formularios de login y registros mediante jQuery
Falicita para los usuario el cumplimentar un formulario de inscripción. Implementa formularios de login y de registro en un mismo bloque, mediante códigosjQuery y PHP.
Uniform – Aplicar estilo a los formularios mediante jQuery
Permite aplicar estilo a casillas, radio buttons, checkboxes y campos de entrada en nuestros formularios.
Slideshows y Galerías de imágenes
Permite reordenar y filtar elementos con animaciones.
Se trata de un sencillo pero potente visor de imágenes en jQuery. Cuenta con distintos efectos para la transición de las imágenes y controles para configurar la velocidad o la pausa de las mismas.
#grid es una pequeña herramienta que inserta una cuadrícula en la página Web. Para mostrar la cuadrícula, basta con pulsar una tecla de acceso rápido del teclado. Incluye el código fuente (JavaScript y CSS) y múltiples ejemplos.
Mejorando el contenido
Dynamic Footnotes con CSS y jQuery
Permite mejorar la experiencia del usuario con notas al pie: el código jQuery muestra el contenido de las notas cuando el susuario mueve el cursor sobre el símbolo de la nota.
Captify es un plugin jQuery para mostrar subtítulos de forma sencilla mediante un rollover de imágenes. Se ha probado en Firefox, Chrome, Safari e Internet Explorer.
Copiar la portapapeles mediante ZeroClipboard, Flash 10 y jQuery
Diseño
Se trata de un plugin jQuery para crear columnas múltiples sin complicar el código CSS.
Diagramas y gráficos
Dygraphs: crear gráficos interactivos mediante un libería Javascript open source
Dygraphs es una librería JavaScript de código abiertp que permite crar gráficos interactivos, con funcionalidades de zoom.
gMap – Google Maps Plugin mediante jQuery
gMap es un plugin jQuery muy ligero (2 KB) que nos ayuda a incluir códigos de Google Maps en nuestras páginas web.
10 sencillos plugins jQuery para utlizar Google Map
Estos plugins ofrecen no sólo un método más fácil para incluir mapas en nuestras páginas web, sino que también permiten agregar funcionalidades adicionales.
Imágenes y efectos visuales
Botones sin imágenes al estilo Google
Plugin jQuery plugin para recrear el efecto de los botones sin imágenes utilizados en la páginas de Google. Permite la configuración de estilos mediante CSS.
Plugin jQuery para crear presentaciones.
Este plugin permite crear una interacción en nuestro sitio web mediante capas.
jqFancyTransitions es un plugin jQuery muy sencillo que implementa un visor de fotografías con efectos de transición.
Implementa una galería de imágenes altamente configurable.
Plugin jQuery que nos permite incluir efectos visuales basados en tiempo, elementos “pegajosos”, avisos, actualizaciones dinámicas de elementos de texto e iconos, etc.
Animate Panning Slideshow with jQuery
Tutorial para crear una presentación de diapositivas con transiciones mediante jQuery.
Sponsor Flip Wall mediante jQuery y CSS
Ayuda en diseño y la codificación de una página de patrocinadores, de forma que permita incluir una gran cantidad de información organizada con claridad, de modo que el énfasis se pone en los sponsors, y no en otros elementos de su diseño.
Varios
CoffeeScript es un lenguaje de programación para compilar Javascript simplificando el código. Funciona con las librerías actuales de JavaScript.
Brosho ‘Design in the Browser’ jQuery Plugin
Con este plugin se puede incluir y editar directamente código CSS desde el navegador.
Motor en Javascript para juegos basado en jQuery.
Permite desarrollar demostraciones mediante JavaScript.
Vía: 40 Useful jQuery Techniques and Plugins – Smashing Magazine.
Contenidos relacionados
The 40 herramientas jQuery by Blog AlmacenPlantillasWeb, unless otherwise expressly stated, is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Spain License.
Tags: desarrollo web, diseño web, herramientas, javascript
