Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Roundups

40 complementos de JavaScript súper limpios

by
Read Time:6 minsLanguages:

Spanish (Español) translation by Valentino (you can also view the original English article)

La combinación correcta de complementos de JavaScript puede convertir un sitio web simple en uno fantástico, todo mientras requiere un trabajo mínimo en tu nombre.  Hoy, revisaremos cuarenta de los complementos más populares disponibles. Si nos perdimos alguno, ¡avísanos en los comentarios!

Validación de formulario

Validación de JQuery

Un complemento que te permite crear validaciones del lado del cliente y formularios Ajax.

Validación de JQuery

MooTools Validate

Un complemento de validación de formularios de MooTools (similar a jQuery Validate).

MooTools Validate

JSValidate

JSValidate es un validador de formularios que utiliza aspectos de la biblioteca Prototype y Scriptaculous para ofrecerte un validador de formularios JavaScript no intrusivo y fácil de ejecutar. Con una configuración mínima, tus formularios pueden procesar datos limpios en muy poco tiempo.

JSValidate

Estilo de forma

FancyForm - MooTools

Un complemento de MooTools que reemplaza las casillas de verificación y los botones de opción predeterminados del navegador con estilos personalizados.

FancyForm - MooTools

PrettyCheckboxes - jQuery

Igual que FancyForm, pero usando la biblioteca jQuery.

PrettyCheckboxes - jQuery

Complemento jQuery Selectbox

Un complemento simple que le permite reemplazar la lista de selección de formularios con estilos personalizados.

Complemento jQuery Selectbox

Control deslizante discreto V2

Este scriptte permite crear controles deslizantes personalizados asociados con campos de entrada.

Control deslizante discreto V2

Casillas de verificación personalizadas, botones de opción, listas de selección

Dale a tu formulario un cambio de imagen completo.

Casillas de verificación personalizadas

Imagenes

Lightbox

Probablemente estés muy familiarizado con Lightbox. De lo contrario, se utiliza para mostrar imágenes superpuestas en la página actual.

Lightbox

Complemento jQuery lightBox

Esto es exactamente lo mismo que Lightbox JS, pero escrito sobre la biblioteca jQuery.

Complemento jQuery lightBox

Thickbox

Thickbox es un complemento de jQuery que es muy similar a Lightbox, pero viene con más funciones. Te permite mostrar: imágenes individuales, imágenes múltiples, contenido en línea, contenido en iframed o contenido servido a través de AJAX en un modal híbrido.

Thickbox

Highslide JS

Highslide JS tiene los mismos propósitos que Thickbox, pero tiene el efecto de zoom y te permite arrastrar la ventana de superposición.

Highslide JS

FancyBox

FancyBox es un complemento de jQuery que está diseñado para reemplazar el Lightbox usado en exceso. Tiene características similares, pero mejores efectos de transición (el diseño es similar al de Mac).

FancyBox

jQZoom

jQZoom te permite mostrar una imagen ampliada de la miniatura. Esta técnica se usa comúnmente en sitios web de comercio electrónico.

jQZoom

Galería y presentación de diapositivas

Presentación de diapositivas 2! para MooTools

Presentación de diapositivas 2! es una clase de JavaScript para MooTools 1.2 para transmitir y animar la presentación de imágenes en tu sitio web.

Presentación de diapositivas 2! para MooTools

SmoothGallery

Usando MooTools v1.11, este sistema de galería y presentación de diapositivas de JavaScript te permite tener galerías de imágenes, presentaciones de diapositivas, exhibiciones y otras cosas interesantes en tu sitio web simples y fluidas (fundido cruzado).

SmoothGallery

jQuery Galleria

Galleria es una galería de imágenes de JavaScript escrita en jQuery. Carga las imágenes una por una de una lista desordenada y muestra miniaturas cuando se carga cada imagen.  Creará miniaturas para tú si así lo eliges, escaladas o sin escalar, centradas y recortadas dentro de un cuadro de miniatura fijo definido por CSS.

jQuery Galleria

Noobslide

NoobSlide es una clase de MooTools que te permite crear presentaciones de diapositivas cronometradas y paneles deslizantes.

Noobslide

Product Slider

Esto muestra una demostración de un control deslizante de la biblioteca jQuery UI que se usa para crear el control deslizante del producto.

Product Slider

Panel Slider

Complemento Coda Slider

Coda Slider es un complemento de jQuery que imita los efectos de deslizamiento del panel como se ve en Slideshow 2. para el sitio web de MooTools coda.

Complemento Coda Slider

Tutorial de diapositivas de jQuery Coda

Este es un tutorial de jQuery para diseñadores para mostrarte cómo crear el control deslizante del panel Coda.

Sliding Tabs

Sliding Tabs es un complemento de MooTools 1.11 que agrega un efecto bastante bueno. Es un clon de algo visto en el sitio Coda de Panic Software, que a su vez era muy similar a un widget utilizado en iTunes Music Store.

Sliding Tabs

Carousel

jCarousel

jCarousel es un complemento de jQuery para controlar una lista de elementos en orden horizontal o vertical. Los elementos, que pueden ser contenido HTML estático o cargarse con (o sin) AJAX, y pueden desplazarse hacia adelante y hacia atrás (con o sin animación).

jCarousel

YUI Carousel Component

El component carousel administra una lista de contenido (elementos HTML LI dentro de una UL) que se puede mostrar horizontal o verticalmente.  El contenido se puede desplazar hacia adelante y hacia atrás con o sin animación. Puede hacer referencia a contenido HTML estático o los elementos de la lista se pueden crear dinámicamente sobre la marcha (con o sin Ajax).

YUI Carousel Component

DynamicDrive - Carousel Slideshow

Carousel Slideshow es un fabuloso script DHTML para mostrar imágenes en tu sitio. Muestra imágenes en forma de carrusel en 3D.

DynamicDrive - Carousel Slideshow

iCarousel - MooTools

iCarousel es una herramienta JavaScript de código abierto (gratuita) para crear widgets como carrusel. Puedes utilizar iCarousel como barra de desplazamiento / desplazamiento de noticias o deslizador de galería de imágenes.

iCarousel - MooTools

Pestañas

jQuery UI Tabs

jQuery Tabs es un complemento de jQuery potente y flexible que te permite crear una navegación de pestañas personalizable (muy recomendable).

jQuery UI Tabs

Tutorial de pestañas de jQuery

Otro tutorial impresionante de jQueryForDesigners.com que le muestra cómo crear una navegación de pestañas básica con jQuery.

jQuery Tabs Tutorial

MooTabs

MooTabs es una clase pequeña (3kb) para MooTools. Como sugiere el nombre, su propósito principal es ayudar con la creación de una navegación de pestañas simple.

MooTabs

Desplácese hasta Anchor

jQuery ScrollTo

Un complemento de jQuery muy flexible que te permite crear animaciones de desplazamiento a cualquier posición de una página web con opciones de velocidad y borrado personalizables.

jQuery ScrollTo

SmoothScroll

Un sencillo script de MooTools que crea un desplazamiento suave a los anclajes de una página web.

SmoothScroll

Tooltips

jTips

Un complemento de jQuery personalizable que muestra ventanas emergentes de información sobre herramientas con texto estático o contenido Ajax.

jTips

jQuery Tooltip Plugin

Otro buen complemento de información sobre herramientas.

jQuery Tooltip Plugin

Información sobre herramientas y vista previa de la imagen

Un script jQuery muy simple que muestra información sobre herramientas y vistas previas de imágenes.

Información sobre herramientas y vista previa de la imagen

Acordeones

Acordeón jQuery

Este complemento crea un menú de acordeón. Funciona con listas anidadas, listas de definición o simplemente divs anidados.

Acordeón jQuery

Acordeón MooTools

El acordeón te ofrece una forma elegante de mostrar solo el contenido que realmente necesitas.

Acordeón MooTools

Menú de imagen de MooTools

Image Menu es un complemento de MooTools que crea el menú de imagen de acordeón horizontal.

Menú de imagen de MooTools

Reemplazo de texto de imagen y flash

sIFR 3

sIFR está destinado a reemplazar pasajes cortos de texto sin formato del navegador con texto representado en el tipo de letra de su elección, independientemente de si tus usuarios tienen o no esa fuente instalada en sus sistemas. Para lograrlo, utiliza una combinación de JavaScript, CSS y Flash.

sIFR 3

jQuery sIFR

Un complemento de jQuery que hace el sIFR por ti.

jQuery sIFR

FLIR

Reemplazo de imagen de estiramiento facial es un script de reemplazo de imagen que genera dinámicamente representaciones de imágenes de texto en tu página web en fuentes que de otra manera no serían visibles para tus visitantes. La imagen generada se insertará automáticamente en tu página web a través de JavaScript y será visible para todos los navegadores modernos.

FLIR

CSS Stylesheet Switcher

Cambiar hojas de estilo con jQuery

Stylesheet switcher with jQuery.

Cambiar hojas de estilo con jQuery

Cambiador de estilo de MooTools

Conmutador de hojas de estilo CSS con MooTools.

Cambiador de estilo de MooTools

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.