Micaela 15 de julio de 2009 a las 09.06
   Imprimir artículo
elWebmaster.com

7 plugins de MooTools que deber铆as incluir en tu web


mootools_paginacionLas ventajas de la utilizaci贸n de javascript no-obstrusivo es que puedes mejorar vastamente la experiencia de usuario de los visitantes de tu web utilizando s贸lo un snippet de c贸digo.

Y dado que la comunidad del framework javascript MooTools es bien conocida por su creaci贸n de plugins 煤nicos de alta calidad, he aqu铆 una lista con aquellos plugins que deber铆an usarse en todo sitio.

AutoGrow

AutoGrow toma cualquier elemento de 谩rea de texto de la p谩gina y a medida que se escribe en el 谩rea, la redimensiona para que siempre podamos ver el texto completo dentro de un 谩rea de texto.

Website & Descarga Ejemplo de implementaci贸n

FancyForm

FancyForm es un script de reemplazo de casillas de verificaci贸n que permite embellecer a la horrible caja de verificaci贸n y a los elementos del bot贸n radio. FancyForm es controlado por completo por medio de CSS.

12

Website & DescargaDocumentaci贸nEjemplo de implementaci贸n

Milkbox

Milkbox es un script lightbox de gran alcance que es f谩cil de implementar y a帽ade un elemento de clase animado a tu sitio web. Usa Milkbox para videos flash video, fotos, y galer铆as XML.

Website, Descarga, Documentaci贸n, & Ejemplo de implementaci贸n

Quickboxes

Quickboxes te permite seleccionar m煤ltiples checkboxes con s贸lo hacer clic y arrastrar tu mouse. Es recomendable poseer una opci贸n de “Seleccionar todos” en las cajas de verificaci贸n pero muchas veces los usuarios s贸lo desear谩n chequear un n煤mero peque帽o de las casillas.

Website & DescargaDocumentaci贸nEjemplo de implementaci贸n

SmoothScroll

Se trata del plugin MooTools m谩s famoso y f谩cil de implementar. SmoothScroll permite que la p谩gina haga scroll por cuenta propia cada vez que hacemos clic en un enlace ancla, en lugar de que se use el horrible efecto de salto que sucede por defecto.

Website & Descarga – Documentaci贸n – Ejemlo de implementaci贸n

Tips

El dise帽o por defecto de los tooltips es feo tanto en Windows como en OSX. Cuando a帽ades un atributo “title” a un elemento, es probable que quieras que los usuarios lo puedan ver. Tips te permite controlar c贸mo se muestran los tooltips… as铆 que ponte creativo.

Website & Descarga – Documentaci贸n – Ejemplo de implementaci贸n

ZebraTables

Las tablas largas pueden ser casi imposibles de leer. ZebraTables es una clase MooTools f谩cil de implementar que provee soporte para coloreado entre filas, resaltador al pasar el mouse por sobre el campo, y coloreado de la fila al ser cliqueada.

list-table

Website & Descarga – Documentaci贸nEjemplo de implementaci贸n

Fuente: David Walsh Blog


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (1)

  1. Andres dice:

    No recomiendo el smoth scroll, da conflicto con todos los scripts

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder