Complementos (plugins) para frameworks JavaScript

Un listado de complementos (ó plug-ins) para combinarlos con los frameworks más conocidos como jQuery, Mootools, etc.

Mostrar imágen en un pop-up (ventana emergente)

Mostrar una ó más imágenes dentro de la misma página web no es tan complicado con estas ayudas.

1. Lightbox
2. jQuery lightBox Plugin
3. Thickbox
4. Highslide JS
5. FancyBox
6. jQZoom

Presentación de imágenes

Hacer una presentación de imágenes le da un valor agregado a nuestra aplicación web.

1. Slideshow 2! for Mootools
2. SmoothGallery
3. jQuery Galleria
4. Noobslide
5. Product Slider

Carousel

Ahora bien si deseamos crear una presentacion de imágenes con algo de efectos extra, podemos usar los de tipo Carousel.

1. jCarousel
2. YUI Carousel Component
3. DynamicDrive – Carousel Slideshow
4. iCarousel – MooTools

Panel deslizante

Desplazar contenidos de forma horizontal como si de un libro se tratara.

1. Coda Slider Plugin
2. jQuery Coda Slide Tutorial
3. Sliding Tabs

Tabs (Pestañas)

Las pestañas ó tabs nos permiten organizar mejor el contenido de una página.

1. jQuery UI Tabs
2. jQuery Tabs Tutorial
3. MooTabs
4. Sliding Tabs Tutorial

Desplazamiento

Es muy común usar el elemento anchor (ancla) para saltar a ciertos contenidos en una misma página. Con JavaScript podemos darle un efecto animado.

1. jQuery ScrollTo
2. SmoothScroll
3. Desplazamiento animado con jQuery

Tooltips

Los tooltips son pequeños cuadros informativos que aparecen al posar el cursor de ratón sobre ciertos elementos del escritorio ó programas. 

1. jTips
2. jQuery Tooltip Plugin
3. Tooltip and Image Preview

Acordeón

Es una especie de tabs ó pestañas pero de forma horizontal. Cuando seleccionas un pestaña se muestra su contenido ocultando el resto de pestañas.

1. jQuery Accordion
2. Apple.com Sidebar Accordion
3. MooTools Accordion
4. MooTools Image Menu

Reemplazar texto por imágenes y flash

Podemos transformar contenidos de textos en formatos de imágen ó archivos flash.

1. sIFR 3
2. jQuery sIFR
3. FLIR

Cambiar CSS

Podemos cambiar la hoja de estilos sin necesidad de recargar la página web.

1. A List Apart – Alternative Style
2. Switch Stylesheets con jQuery
3. MooTools Styleswitcher

Formularios

Dar estilos a nuestros formularios web.

1. FancyForm – MooTools
2. PrettyCheckboxes – jQuery
3. jQuery Selectbox Plugin
4. Custom Checkboxes, Radio Buttons, Select Lists
5. jQuery Form Input Example Plugin
6. Unobtrusive Slider Control V2

Vía JavaScript in Modern Web Design