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