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:

logo Los mejores 41 ejemplos del uso de la librería Mootools Ajax


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:

Añade tu propio comentario | 6 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. Juan Juarez dice:

    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. Trackbacks/Pingbacks/Retweets

    1. 41 mejores ejemplos del uso de la libreria MOOTOOLS — Tablosign
    2. MOOTOOLS - PARTE I - INTRODUCCION « Codeline
    3. Mootools librería javascript para efectos especiales | Buanzolandia
    4. Delicious Over 50
    5. David Rios (dfrios) 's status on Monday, 02-Nov-09 16:11:48 UTC - Identi.ca
    6. David Rios
    7. Delicious Over 50

    Danos tu opinión:

# Cursos v2b | Demo

Todos los cursos de video2brain por 189€.
  • Proyectos de vídeo en Adobe Photoshop



  • Adobe Photoshop ahora también se atreve con el vídeo. Atrévete tú también, conociendo todos los elementos del área del trabajo y las herramientas de creación y edición.

    15.98 EUR
  • Montaje con Adobe Photoshop CS4: Entrada en el desierto
  • Workshop creativo: así se hace



    Comprueba cómo se hizo este espectacular montaje con Adobe Photoshop CS4 y aprende los secretos de esta potentísima herramienta. Fíjate en nuestro experto formador, realiza tú mismo el montaje y deja volar tu creatividad.

    21.08 EUR
  • Proyectos interactivos con InDesign y Flash



  • La manera más rápida de maquetar y dar salida interactiva a nuestros proyectos es combinando el trabajo de Adobe InDesign y Adobe Flash. Proyectos multimedia a un clic de distancia.

    15.98 EUR
  • Diseño de tienda online con Adobe Photoshop
  • Crea tu Home de comercio electrónico



    Dos ejemplos combinados: Creación de tienda online para Flash y Creación de tienda online para HTML. Con ambos ejercicios online de video2brain aprenderás a trabajar de forma productiva con Adobe Photoshop, creando diseños para tiendas online, sea cual sea su salida final.

    41.48 EUR
Tuiteemos | Contactar | Los famosos cursos de video2brain con un 15% de descuento | Fundación Tripartita | pqpq.es | subir | Suscribirse al feed de ceslava.com | ©