Mootools

MooTools presenta las siguientes características:

• Es un framework modular y extendible, el desarrollador puede elegir (específicamente) qué componentes usar y cuáles no.
• MooTools es orientado a objetos y sigue los principios DRY.
• Componente avanzado de efectos (Effects), con transiciones (Transitions), de función parabólica, optimizadas y utilizadas por multitud de desarrolladores Flash.

La aplicación de descarga disponible en la web de Mootools permite al usuario descargarse sólo aquellas partes de la biblioteca que tiene pensado utilizar, y sus dependencias necesarias. Además, los usuarios pueden elegir el nivel de compresión de la descarga final. Algunos de las categorías de componentes son esbozadas a continuación:

• Core: colección de funciones de apoyo de las que hace uso el resto de componentes.
• Class: es la biblioteca base de MooTools para la instanciación de objetos
• Natives: Colección de mejoras al objeto nativo JavaScript, añadiendo funcionalidades, compatibilidad y nuevos métodos que simplifican el código.
• Element: multitud de mejoras y compatibilidades al objeto HTML
• Effects: API avanzada para animar Elements
• Remote: proporciona una interfaz para peticiones XHR, Cookie y herramientas para JSON
• Window: Proporciona una interfaz, válida para cualquier navegador, para obtener información del cliente, por ejemplo el tamaño de la ventana

MooTools es compatible y está probado en:[1]

• Safari 3+
• Internet Explorer 6+
• Mozilla Firefox 2+
• Opera 9+
• Google Chrome 4+

MooTools contiene un sistema de creación y herencia de clases que se asemeja al de los lenguajes de programación orientados a objetos. Por ejemplo, aquí tenemos el equivalente en MooTools al ejemplo de polimorfismo en un lenguaje orientado a objetos.

 var Animal = new Class({
    
    initialize: function(name){
        this.name = name;
    }
    
 });
 
 var Cat = new Class({
    
    Extends: Animal,
    
    talk: function(){
        return 'Meow!';
    }
    
 });
 
 var Dog = new Class({
    
    Extends: Animal,
    
    talk: function(){
        return 'Arf! Arf';
    }
    
 });
 
 var Animals = {
    a: new Cat('Missy'),
    b: new Cat('Mr. Bojangles'),
    c: new Dog('Lassie')
 };
 
Object.each(Animals, function(animal){
    alert(animal.name + ': ' + animal.talk());
});

 // alerts the following:
 //
 // Missy: Meow!
 // Mr. Bojangles: Meow!
 // Lassie: Arf! Arf!

• Ajax framework
• Rich Internet application
• Web 2.0
• jQuery
• JavaScript
• XMLHttpRequest

• mootools.net
• Validación de formularios
• Tutorial de MooTools
• Tutorial de galería de imágenes con MooTools
• Mootools in Action
• Ejemplos de Mootools y plugins de jquery
• Código y Demos Mootools gratis