WebAdictos - Una dosis diaria de web

Quieres adentrarte a la libreria Mootools pero no sabes como? entonces te recomiendo visites los tutoriales que ha preparado el sitio consideropen donde durante 30 dias publicaran tutoriales de mootools para aprender por completo el uso de esta excelente libreria.

El indice del minicurso de mootools es el siguiente:

• Dia 1 - Intro to the Mootools 1.2 Library
• Dia 2 - Selectors
• Dia 3 - Intro to Using Arrays
• Dia 4 - Functions
• Dia 5 - Event Handling
• Dia 6 - Manipulating HTML
• Dia 7 - Setting and Getting Style Properties
• Dia 8 - Input Filtering Part 1 (numbers)
• Dia 9 - Input Filtering Part 2 (strings)
• Dia 10 - Using Fx.Tween
• Dia 11 - Fx.Morph, Options and Events
• Dia 12 - Drag and Drop with Drag.Move
• Dia 13 - Regular Expressions
• Dia 14 - Periodical and Intro to Hashes
• Dia 15 - Sliders
• Day 16 - Sortables
• Day 17 - Accordian
• Day 18 - Tool Tips
• Day 19 - Fx.Slide and Intro to Methods

El curso está en ingles pero muy entendible.

Relacionados:

• Plugins de Mootools
• Scripts de Mootools para formularios
• contextMenoo Menú Contextual En MooTools
• MooCicle - Galeria de Imagenes en Mootools
• Galeria de Imagenes en Javascript con MooTools

Sexy Alert Box es un clon “sexy” del clásico alert de javascript. Está basado en PBBAcpBox (un script que lamentablemente el autor paró de desarrollar) sin embargo, el código fue publicado bajo una licencia libre, con lo cual pude mejorarlo y adaptarlo a la versión 1.2 de Mootools.

Entre las características de SexyAlertBox encontramos:

• Estilo: Mostrar mensajes de error de una manera más bonita.
• Compatibilidad: Funciona tanto en navegadores modernos, como en Internet Explorer.
• Requiere: Mootools 1.2

Demostración

Puedes ver la demostración del script en el siguiente enlace: Ver demo.

¿Cómo se usa?

Primero debemos crear la clase, en el evento domready:

JavaScript:

window.addEvent(’domready’, function() {
var Sexy = new SexyAlertBox();
});

Usar SexyAlertBox es fácil:

JavaScript:

Sexy.alert(’Hello world!’);

Para crear un alert más personalizado, puedes usar el segundo parámetro:

JavaScript:

Sexy.alert(’Hello world!’, {
textBoxBtnOk: ‘Quiero Salir’
});

Lee la documentación para ver todas las opciones disponibles.

Descargar

Descarga SexyAlertBox.zip (SexyAlertBox.js + mootools + ejemplos)
Descarga SexyAlertBox.mini.js (versión comprimida)

Enlace: Sexy Alert Box

Colaborador: Amir Canto

Muchas veces cuando desarrollamos aplicaciones web necesitamos imprimir contenidos que estan dentro de un elemento específico o dentro de un área especifica, jPrintArea es un plugin para jQuery que permite imprimir solo contenidos de un elemento específico.

El uso de jPrintArea es realmente sencillo únicamente se llama la función: $.jPrintArea(container); y listo…

Enlace: jPrintArea

Más de jQuery:

• jQuery File Tree
• Ejemplos de JQuery
• Plugins para jQuery
• Tutorial de JQuery

jQuery File Tree es un script para JQuery que permite hacer “arboles” de archivos de una manera muy sencilla y bastante configurable.

Entre sus características están:

• personalizable mediante CSS
• Posibilidad de cambiar los iconos segun sea la extensión de los archivos
• Utiliza Ajax
• Facil de configurar e implementar
• Incluye conectores para PHP y ASP.NET (C#)
• Entre otras…

Enlace: JQuery File Tree | Demostración

Relacionados:

• Ejemplos de JQuery
• Tutorial de JQuery
• Aprender jQuery en 15 Minutos

Desde catswhocode nos presentan una lista de 10 Scripts de MooTools para optimizar los formularios html,  encontraremos scripts de calendarios, validación, autocompletar entre otros. Enlace: 10 Mootools scripts for enhancing your html forms

Si programas en Javascript/Ajax te recomiendo esta lista que ha hecho noupe ya que contiene mas de 23 herramientas para desarrollar en javascript y Ajax que te pueden ayudar a optimizar tiempos.

Enlace: 23+ Impressive Tools for Faster Javascript/Ajax Development

Más de Ajax:

• Tutorial Básico de AJAX
• Recopilación de Librerias de AJAX
• Tutoriales de AJAX
• 80 o Mas Soluciones de AJAX Para Mejorar Nuestras Aplicaciones
• Manuales de Referencia de Ajax y Javascript

Vía: Dzone