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:

Autor: Cristian Eslava

Trabajo como autónomo desde comienzos de siglo. Soy blogger, diseñador y formador, no necesariamente en ese orden. Si necesitas servicios de diseño, formación o publicidad contáctame, estaré encantado de colaborar.

Más sobre mi en "Mis confesiones"

11 comentarios

  1. Colormono dice:

    Gracias por la lista, muy buenos los enlaces! Habia varios que no conocia y unos cuantos que habia perdido el rastro!

  2. Eduardo dice:

    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

  3. Excelente recopilacion, algunos no los conocia. Muy bueno tu blog.

  4. cabeto dice:

    excelente recopilacion..
    recomiendo una pag llena de ajax
    http://www.ciberdix.net/site

  5. Gracias por los recursos que comparten, estos tipos de galerias son muy necesarias en casi todos los proyectos en que participamos

  6. Buenos scripts, me servirán mucho, gracias!!

  7. victor dice:

    estoy buscando un ajar para un frame igual al que tiene esta web entre a mi web y digame donde puedo encontrar un ajax que me remplaze el marco que tengo puesto donde esta le plugin de la radio

Trackbacks/Pingbacks

  1. Mootools librerí­a javascript para efectos especiales | Buanzolandia

Tu comentario