Blog Tecnológico de Azalorea

Hoy he descubierto el blog del programador de firebug. Llevo usandolo desde hace un rato, pero no tenía ni idea de las posibilidades que esconde esta extensión.

Las funcionalidades se podrían definir como una mezcla de la consola de javascript y el inspector de DOM. Pero según he descuebierto hoy incorpora varios detalles que facilitan las cosas a la hora de resolver problemas ya sea con el CSS o con Javascript.

Explicar en detalle todas las funcionalidades me parece demasiado para este post… pero haré un resumen:

• Firebug instala un pequeño iconito en la barra inferior de Firefox, por defecto es verde pero se pone en rojo cuando hay errores de Javascript. Cicando en cualquier momento en el ícono se accede al entorno de FIrebug con todas sus funcionalidades.
• Dispone de un inspector DOM. Muestra un marco alrededor del objeto en la ventana del navegador cuando pasas el ratón por encima del arbol DOM del inspector y viceversa.
• Línea de comandos… dispone de posibilidad de ejecutar comandos Javascript que se ejecutan en el entorno de la página cargada.
• Inspector de Ajax… muestra tanto el request mandado como los datos que devuelve el servidor.
• Posibilidad de mostrar solo los mensajes relacionados con la página abierta.

Mirando el blog de Joe Hewitt descubrimos muchos detalles más… en otro post iré detallando los diferentes “trucos” que se mencionan allí.

Miguel

Scriptaculous ha vuelto a sacar una nueva versión.
El corto tiempo que ha pasado desde que han sacado la versión anterior se debe a que con la ampliación de código se han metido unos “Memory Leaks” que hacían su uso casi imposible en Internet Explorer.

La nueva versión resuelve este problema y algunos detallitos más.
Aparte de un nuevo parámetro para draggables no hay funcionalidades nuevas en esta versión.

Miguel

Ya está disponible la nueva versión de Scriptaculous. Esta versión se basa en Prototype 1.5.

Novedades en esta versión:
- Scrolling de la ventana si se arrasta un objeto fuera del area visible de esta.
- Ampliado chaining para muchas de sus funciones.

Desafortunadamente la nueva versión de Prototype trae problemas con IE. Cualquier comando que haga uso de $() (es decir casi todos) tiene un severo Memory Leak. Por suerte ya existe un patch para resolverlo… se puede descargar aquí.

Por lo demás Tomas Fuchs nos asegura que ha mejorado mucho el rendimiento con esta nueva versión. Queda por probar que sea verdad

Miguel

Protoype ha implementado una nueva potente herramienta para su nueva versión (1.5.0 beta1).
Esto nos permite usar atributos en el seleccionador ($$).

La síntaxis es

$$('form#foo input[type=text]').each(function(input) {
Element.setStyle(input, {color: 'red'});
});

Esto aplicaría color:red a todos los campos de texto dentro del formulario ‘foo’.

Además de usar la expresión ‘=’ tenemos la opción de usar los selectores definidos por w3.org.
Otra funcionalidad muy interesante es poder seleccionar por varios atributos usando

form#foo input[type=text][class=test]

Nos ahorraremos bastantes líneas do código con esta nueva variante

La versión beta1 de Prototype se puede bajar en aquí
Miguel

Nos acabamos de acostumbrar al hecho de encontrarnos Ajax en muchas de las aplicaciones de internet recientes cuando aparece una nueva vieja tecnología…. La llaman Comet e igual que Ajax no es nada nuevo, pero que se ha redescubierto nuevamente.

La idea detrás de Comet es usar conexiones persistentes y hacer un PUSH de los datos desde el servidor en vez de esperar a que el cliente lo solicite (polling).

La desventaja es que por momento los servidores comunes no tienen esta funcionalidad, pero ya están trabajando en ello.
Apache ha anunciado la disponibilidad de un módulo disponibilidad para la versión 2.2.

Los creadores de Dojo ya tienen en mente Comet… queda por ver cómo usarlo.
Otras aplicaciones que ya hacen uso de esta tecnología son:
- Integración de googleTalk en gMail
- Jot Live
- Renkoo
- cgi:irc
- Meebo

Supongo que Comet le dará otro empujon a las aplicacion web 2.

Miguel

Prototype de por si ya es una herramienta fabulosa.
Ahora su creador se ha puesto a hacerlo aún más manejable mejorando la sintáxis del objeto Element.

Hasta ahora teníamos que usar…

Element.hide( miElemento );

… y no es exáctamente la manera típica de javascript.

En la nueva versión podremos usar…

miElemento.hide();

Mucho mejor, no?
Miguel