Bezerik

Algún dia tenia que llegar y (por fin) ha sido hoy. Gracias al esfuerzo de Valerio Proietti y toda la comunidad detrás de este brillante framework, ha sido publicada la nueva versión 1.2

Aunque la página web oficial de Mootools esta sufriendo reformas (supongo que por nuevo rediseño del aspecto visual). Solo podemos acceder a la portada, el centro de descargas y a la nueva documentación.

Ricardo Degni publicó ayer el lanzamiento de moo.rd 1.3.1, la libreria extendida de Mootools que añade nuevas funciones y asombrosos efectos. En esta nueva versión se ha reescrito todo el código para que sea compatible con la nueva sintaxis y lógica de Moo, ya que esta basada en Mootools 1.2.

A partir de ahora, los efectos pueden utilizarse a traves de 3 maneras: Creando una instancia, utilizando el método Element.Fx (que devuelve una instancia) o utilizando el método Element.Effect (que utiliza el Element.Properties Hash para almacenar y recuperar una instancia Fx).
Además, los archivos de los efectos han sido renombrados para describir con mayor precisión su contenido y utilidad:

• effects_base.js: contiene el núcleo requerido por todos los demás efectos.
• effects_morph.js: contiene los efectos que modifican los estilos.
• effects_fade.js: contiene todos los efectos de desvanecer elementos.
• effects_move.js: contiene los efectos de movimiento de elementos.
• effects_extra.js: contiene una colección extra de efectos.
• effects_toggle.js: contiene los controles para alternar efectos.

Y de regalo, dos nuevas clases que daran mucho de que hablar:

• effects_cycle.js: permite crear presentaciones de diapositivas totalmente personalizables.
• effects_cycles.js: permite crear dobles presentaciones de diapositivas totalmente personalizables.

Como ya comenté hace algún tiempo, podeis descargar moo.rd 1.3.1 de una forma cómoda y totalmente segura.

Si aún no sabeis de que hablo, echadle un vistazo a los ejemplos de moo.rd.

Tras el lanzamiento de la primera versión oficial de moo.rd, Riccardo Degni publica el nuevo Centro de Descargas donde encontrareis la última versión estable: Moo.Rd v1.3.

Articulo original : moo.rd + MooTools = Love
Autor: RD
Traducido por: Xavier Gómez

He añadido una nueva y sorprendente característica para el Centro de Descargas, que llegará tan pronto como este lista la nueva versión: la integración completa entre moo.rd y MooTools.

Respecto al tipo de compresión, ahora puedes decidir si incluir MooTools en la última secuencia de comandos o no. Además puedes escoger entre las dos versiones de MooTools. Las posibilidades de descarga son:

• MooTools Needed: añade solo los componentes de MooTools necesarios por moo.rd. Esto no incluye plug-ins y otras cosas. Escogela si necesitas una versión lite del script, sin renunciar al núcleo.
• MooTools Full: como dice la frase, este es el script íntegro de MooTools enpaquetado.
• No MooTools: no incluye MooTools. Escogela si quieres construir una versión personalizada de MooTools, pero hay que tener cuidado con los componentes que se eligen!

El nombre final del script escogido en el Centro de Descargas se generará considerando tus opciones.

Si la web2.0 quiere dar a los usuarios la capacidad de personalizar completamente la página o la aplicación que deseen, esta nueva funcionalidad hace que el centro de descargas sea una completa característica web2.0!

Rompe con lo standard, descargas estáticas… Ahora puedes construir todas las versiones que necesites, con la seguridad de que todos los componentes necesarios se incluyen automáticamente de una forma elegante, ya que el centro de descargas va a hacer todo el trabajo por ti.

Para todos los desarolladores que esteis trabajando con las librerias de Mootools 1.2 beta 2 (incluida la versión compatible con 1.1), podeis observar que algunas funciones y métodos pierden su funcionalidad. Una de ellas es la función Element.send (de la clase Ajax.js) que me ha hecho perder algo más de una hora laboral.

En la versión estable de Mootools (actualmente v1.1), el código Javascript para el ejemplo de Ajax.Form, seria el siguiente:

<script type="text/javascript">
window.addEvent('domready', function(){
  $('myForm').addEvent('submit', function(e) {
    /**
    * Prevent the submit event
    */
    new Event(e).stop();

    /**
    * This empties the log and shows the spinning indicator
    */
    var log = $('log_res').empty().addClass('ajax-loading');

    /**
    * send takes care of encoding and returns the Ajax instance.
    * onComplete removes the spinner from the log.
    */
    this.send({
      update: log,
      onComplete: function() {
        log.removeClass('ajax-loading');
      }
    });
  });
});
</script>

Pero si probamos el código de arriba con las librerias beta veremos que no funciona y existen errores. Buscando por los Foros de Mootools di con la solució. El usuario Cost publicó el siguiente código (que funciona):
Leer el resto de la entrada »

Hoy he dado con MooForms, una clase de Mootools que permite personalizar los checkbox y radio buttons de los formularios, reemplazandolos por imágenes personalizadas usando “CSS background position“.

MooForms esta inspirado en el script de Ryan Fait y ha sido provado y comprobado que funciona en:

• Internet Explorer 7, 6 & 5.5
• Firefox 2
• Opera 9
• Safari 2
• Konqueror

Demo | Descargar | Más información
Leer el resto de la entrada »