Este lunes empezaré a trabajar en las herramientas de desarrollo web de próxima generación en Google, con el equipo de desarrollo de Chrome. En consecuencia no voy a contribuir más con el desarrollo y el mantenimiento de Firebug para Firefox de forma rutinaria.

Así ha sido el comunicado de John J. Barton, el desarrollador jefe de Firebug, anunciando que deja el equipo de Firebug para entrar en el desarrollo de Chrome, el navegador que cada vez le gana más terreno a Mozilla. Como última aportación, John ha comentado que el equipo de desarrollo de Firebug es demasiado pequeño para la acelerada evolución de los navegadores web actuales y de su transición a los dispositivos móviles.

Para los que no lo sepan, Firebug es una herramienta para programadores que permite tratar el código web de cualquier página de forma muy eficaz. Supone una buena ventaja para todos los desarrolladores web, que veían a Firebug como un complemento prácticamente esencial de Firefox. Para muchos, este cambio de equipo por parte de Barton simboliza la pérdida de usuarios que Firefox está experimentando.

De todas formas, no estamos hablando del fin de Firebug sino de la marcha de uno de sus principales desarrolladores. La herramienta continúa en marcha, y en Mozilla ya han prometido un mejor progreso de su navegador.

Vía | CNET

Todos los que nos dedicamos al desarrollo web, sabemos la dificultad que entraña depurar el código de una página para que todo funcione lo mejor posible. Durante este proceso de creación, no es raro decantarse por Firefox, debido a los excelentes complementos disponibles para tal fin, como Web Developer toolbar o Firebug.

Precisamente de este último ha aparecido una primera versión para Chrome, que pese a ser mucho más sencilla que su homónima de Firefox, apunta muy buenas maneras. Vamos ver un poco más detenidamente qué nos ofrece esta herramienta.

Funcionalidades

A primera vista el plugin mantiene la misma interfaz que en Firefox, aunque aún no tiene todas sus funcionalidades, por lo que de momento solo podremos acceder a las opciones de: consola, HTML, CSS, script y DOM. Pero pese a estas limitaciones presenta algunas mejoras bastante atractivas:

• Edición en vivo de CSS: Podemos editar las hojas de estilo directamente sobre el panel, viendo el resultado en tiempo real, sin tocar el código o actualizar la página. Además, también podremos incluir nuevos atributos que serán sugeridos por la propia barra, por lo que no tendremos que recordar sus nombres.

• HTML inspect: Marcando esta opción, al pasar por encima de cualquier elemento del HTML veremos directamente su código.

• Activación para dominios concretos: Si activamos Firebug cuando nos encontramos en una página, la próxima vez que la visitemos no será necesario que lo volvamos a abrir, quedará abierto para nuestra comodidad. Estos datos son almacenados localmente, por lo que para desactivarlo bastará con limpiar la caché del navegador.

• Tiempo de carga: Se carga antes que la web, lo que le permite capturar todas las llamadas realizadas por la página, para tener un mayor control de las tareas que efectúa.

Limitaciones

• No puede leer de recursos externos, pero aseguran que se podrá en la próxima versión.
• No funciona bien en las páginas con marcos.
• El depurador de JavaScript no está disponible.

• El Net Panel no está disponible.

Opinión general

Firebug es una extensión que se estaba pidiendo a gritos para Chrome y a pesar de que aún está muy limitada, hay que entender que se trata de una primera versión, y cabe esperar que vaya creciendo y mejorando en el futuro. Pero en mi opinión, esta versión ya merece la pena ser usada, aunque solo sea para complementar a otras herramientas de depuración más maduras y completas.

Vía | DownloadSquad
Sitio oficial | Google Chrome extensions
En Genbeta | Cinco extensiones imprescindibles para Google Chrome

Esta extensión de código libre realiza un trabajo extensivo, pues analiza elementos tan básicos como el tiempo empleado para resolver una petición de DNS, hasta detalles tan sutiles como la necesidad o no de cargar las rutinas de Javascript para visualizar la página testeada. Es decir, todo el proceso que ocurre tras bambalinas desde que escribimos la dirección web hasta que la página se muestra al completo en nuestro navegador.

Page Speed no forma parte de esos servicios locos que de vez en cuando Google nos regala, sino que es utilizada internamente para sus propios desarrollos, por lo tanto, a tenor de los resultados conseguidos por el gigante de las búsquedas, parece que su utilidad para programadores profesionales y/o aficionados está fuera de toda duda, ¿no?

Como no hay mejor forma de comprobarlo que haciéndolo uno mismo, para hacerlo necesitaréis Firefox 3.0.4 y Firebug 1.3.3 o superiores en sus versiones estables. Respecto a sistemas operativos, Google Page Speed soporta las tres plataformas principales en versiones de 32 y 64 bits.

Más información | Google Page Speed.

Mozilla Labs sigue manteniendo una actividad endiablada este año y hoy le ha dado por presentar la rueda 2.0: Jetpack. ¿Qué es Jetpack? Una nueva manera de escribir extensiones pequeñas, solo con un poco de código Javascript. Es decir, como Greasemonkey.

La diferencia es que con Jetpack no solo podremos modificar el comportamiento de una única página sino de todo el navegador, gracias a una API que nos da acceso a todos los elementos. Además, tendremos acceso a librerías externas como JQuery o una API para Twitter, ampliables en un futuro próximo, y el desarrollo es aún más sencillo gracias a la integración con Bespin y Firebug.

Las mejoras de esta forma alternativa de desarrollo están claras: no hace falta reiniciar al instalar la extensión y por supuesto el proceso de desarrollo es mucho más fácil, directo y rápido. Visto con perspectiva, así debería haber sido el sistema de extensiones en un principio, añadiendo algunos extras. Una lástima que hayan esperado tanto, podrían haber integrado Greasemonkey (y aprovechado todo lo escrito hasta ahora) y a partir de ahí desarrollado las API necesarias para interactuar con el resto del navegador.

Vía | Mozilla Links
Descarga | Mozilla Labs Jetpack

En realidad es prácticamente lo mismo, disponiendo de un directorio de juegos dividido entre géneros, de los cuales hay que seleccionar uno y a través de diferentes pasos, sustituir los diferentes personajes por otros que ya tengamos en diferentes galerías de elementos, aunque también podemos crear nuevos elementos subiéndolos por web o local, como podéis ver en la captura, donde finalmente elegiremos fondo y tema musical, ya sean obteniéndolas de diferentes galerías o generando las nuestras.

Finalmente guardaremos nuestro juego, determinando entre otras cosas, si lo queremos público o privado. Ya sólo queda poder compartirlo.

Además, sobre cada juego podemos añadirlo a favoritos, compartirlo por correo electrónico, valorarlo, comentarlo, e incluirlo en sitios web.

Una cosa que echo en falta en este tipo de sitios es en la posibilidad de crear elementos animados, le daría más gracia, aunque todo se andará.

Vía | Maestro Alberto
Enlace | Fyrebug