Los mejores 41 ejemplos del uso de la librería Mootools Ajax
Con Mootools podemos hacer cantidad de cosas, aquí os dejo enlaces a 41 ejemplos y aquí una ayuda para los no iniciados Primeros pasos con MooTools:

1. Photo Gallery
URL: http://www.hotajax.org/content/view/211/420/.
Descripción: Una galería fotográfica interactiva.
Demo.
2. Noob Slide
URL: http://www.outcut.de/.
Descripción: Pase de diapos
Demo.
3. Simple 3D Carousel
URL: http://www.hotajax.org/content/view/491/420/.
Descripción: Carrousel 3D
Demo.
4. Slider
URL: http://www.phatfusion.net/slider/.
Descripción: Horizontal o Vertical barras y slider.
Demo.
5. Click to change the background
URL: http://www.hotajax.org/content/view/468/420/.
Descripción: Selector de color dinámico
Demo.
6. Pamoorama
URL: http://www.silverscripting.com….
Descripción: Sólo muestra una parte de tu imagen, con el ratón se hace scroll sobre ella.
Demo.
7. Tips
URL: http://www.hotajax.org/content/view/213/420/.
Descripción: Para mostrar Tool Tips.
8. Javascript Image Gallery
URL: http://tutorialdog.com….
Descripción: Galería fotográfica.
Demo.
9. Sample Nav Bar
URL: http://www.hotajax.org/content/view/212/420/.
Descripción: Barra de navegación
Demo.
10. Slidinglist
URL: http://www.hotajax.org/content/view/210/420/.
Descripción: Navegación estilo árbol
Demo.
11.Multibox
URL: http://www.phatfusion.net/multibox/.
Descripción: Una lightbox que soporta imágenes, flash, video, mp3s, html.
Demo.
12. Image Menu
URL: http://www.phatfusion.net/imagemenu/.
Descripción: Un menú horizontal, muestra más imágenes cuando haces rollover.
Demo.
13. Window Growl
URL: http://www.hotajax.org….
Descripción: Tooltips.
Demo.
14. ReMooz
URL: http://digitarald.de/playground/remooz.html.
Descripción: Más sencillo que SqueezeBox. Haces clic sobre la imagen para ampliarla.
Demo.
15. Accordions
URL: http://www.hotajax.org/content/view/98/420/.
Descripción: Navegación estilo acordéon.
16. Slideshow
URL: http://www.electricprism.com/aeron/slideshow/.
Descripción: La galería de imágenes más completa.
Demo.
17. mooSlide ( lightbox replacement)
URL: http://www.artviper.net/test/ajaxslide/.
Descripción: mooSlideBox v3 reemplaza al conocido“lightbox”.
Demo.
18. Page Loader
URL: http://www.phatfusion.net/pageloader/.
Descripción: Para cargar un div de una página a otra.
Demo.
19. Grow a Textarea
URL: http://ejectmedia.net/examples/moo_textareas/.
Descripción: Creas un formulario y los textarea se escalarán.
Demo.
20. JavaScript Time Picker
URL: http://www.nogray.com/time_picker.php.
Descripción: Time Picker con una interfaz drag&drop.
Demo.
21. Sexy sliding JavaScript side bar menu
URL: http://www.andrewsellick.com/….
Descripción: SEXY sidebar menu.
Demo.
22. Slideshow
URL: http://www.phatfusion.net/slideshow/.
Descripción: Suaves transiciones entre imágenes.
Demo.
23. Ajax login form
URL: http://joeabiraad.com….
Descripción: Login form.
Demo.
24. FancyUpload
URL: http://digitarald.de/project/fancyupload/.
Descripción: Para carga de archivos.
Demo.
25. Validate
URL: http://www.phatfusion.net/validate/.
Descripción: Un simple formulario de validación.
Demo.
26. SortableTable
URL: http://www.phatfusion.net/sortabletable/.
Descripción: Para ordenar y filtrar tablas.
Demo.
27. MooTabs - Tiny tab class for MooTools
URL: http://www.silverscripting.com/mootabs/.
Descripción: MooTabs (3kb) para crear menús de navegación por pestañas..
Demo.
28. Sortable List Example
URL: http://techblog.billkrueger.com….
Descripción: Una drag and Drop lista.
Demo.
29. Calendar
URL: http://www.electricprism.com/aeron/calendar/.
Descripción: Calendario
Demo.
30. Rounded Corners
URL: http://www.phatfusion.net/roundedcorners/.
Descripción: Crea esquinas redondeadeas a divs.
Demo.
31. Mediabox
URL: http://iaian7.com/webcode/Mediabox.
Descripción: Mediabox abre flash, video, y html content en una flotante ventana del estilo “lightbox”.
32. Mootools Mocha UI
URL: http://greghoustondesign.com/demos/mocha/.
33. FormCheck
URL: http://moo.floor.ch/docs/files/formcheck-js.html.
Descripción: Ejecuta tests en formularios e indica errores.
34. mooRainbow
URL: http://moorainbow.woolly-sheep.net/.
Descripción: Selector de color
35. Lightbox
URL: http://www.phatfusion.net/lightbox/.
Descripción: Muy conocida y usada, un popup inline que oscurece el fondo.
36. SmoothGallery 2.0
URL: http://smoothgallery.jondesign.net/what/.
Descripción: Galería
37. Popmenu
URL: http://www.hotajax.org/content/view/514/420/.
Descripción: Una imagen de fondo salta en el menú.
38. MooMonth
URL: http://moomonth.com/.
Descripción: Calendario
39. MooWheel
URL: http://www.unwieldy.net/moowheel/.
Descripción: Mejora el diseño cuando se muestran datos.
40. mooSocialize
URL: http://www.artviper.net/moosocialize.php.
Descripción: Al hacer clic en el botón aparecen las redes y agregadores sociales.
41. Reflection.js
URL: http://www.digitalia.be/software/reflectionjs-for-mootools.
Descripción: Pesa 3kb y añade el efecto reflejo a las imágenes.
MooTools no es la única, estas son las 10 mejores frameworks, librerías de Javascripts:
script.aculo.us (http://script.aculo.us/)
Prototype (http://www.prototypejs.org/)
Moo Tools (http://www.mootools.net/)
jQuery (http://jquery.com/)
MochiKit (http://www.mochikit.com/)
Rialto (http://rialto.improve-technologies.com/wiki/)
Dojo Toolkit (http://dojotoolkit.org)
Spry Framework (http://labs.adobe.com/technologies/spry/)
ASP.NET Ajax Framework (http://asp.net/ajax/)
Cean Ajax Framework (http://sourceforge.net/projects/clean-ajax/)
Vía: 41 of the Best MooTools Ajax Example Downloads | Speckyboy - Wordpress and Design:
09 de Abril, 2008
Entrada categorizada en: CSS, Diseño, Diseño Web, Flash, Freebies, Software, Utilidades, Wordpress, blogs, e-learning
5 Comentarios Añada su propio comentario
1.
Colormono | Publicado el 12 de Abril de 2008 a las 00:00
Gracias por la lista, muy buenos los enlaces! Habia varios que no conocia y unos cuantos que habia perdido el rastro!
2.
Eduardo | Publicado el 20 de Agosto de 2008 a las 18:25
Hola, te dejo uno más que me pareció bueno y uso en mis proyectos, es un clon del alertbox para mootools 1.2
http://www.coders.me/web-html-js-css/javascript/sexy-alert-box
cforms contact form by delicious:days



Publicado el 10 de Abril de 2008 a las 15:09
[...] a Cristian Ceslava tenemos esta utilísima lista de los 41 mejores ejemplos del uso de la librería MOOTOOLS. [...]
Publicado el 27 de Mayo de 2008 a las 20:18
[...] http://ceslava.com/blog/los-mejores-41-ejemplos-del-uso-de-la-libreria-mootools-ajax/ [...]
Publicado el 4 de Septiembre de 2008 a las 00:02
[...] sus autores, facilita el desarrollo rápido e independiente de explorador. Ahora, después de ver algunos ejemplos, creo que su fortaleza está en su soporte para el desarrollo de buenos efectos visuales. Desde su [...]