zonageek

Si en algún momento de tu vida has tenido que lidiar con el desarrollo de páginas web, seguramente te pasará como a mi y vas a llorar un poquito cuando descubras Firebug, una “extensión” para Firefox.

Antes de seguir leyendo esto, ve a esa página, instala Firebug, reinicia tu navegador y vuelve a zonageek.

Ahora si puedes continuar.

En la esquina inferior derecha de la ventana, en la barra de estado, verás un pequeño icono gris, haz click y activa firebug. Ahora empieza a probar las opciones. Puedes examinar cualquier elemento del HTML de la página con solo mover el mouse. Puedes editar el HTML en vivo para ver como se comporta. Puedes editar los estilos en vivo. Puedes ver que estilos aplican a cada elemento, y como se anidan unos dentro de otros. Puedes ver los margenes y el padding. Puedes ver los errores de Javascript. Puedes hacer debugging de Javascript. Puedes hacer logging de Javascript. Puedes ver que solicitudes se estan haciendo via http, y cuanto tarda cada una. Puedes ver los atributos del DOM. Y estoy seguro que aun me faltan por descubrir la mitad de las bondades de esta maravillosa herramienta.

Muchas de estas caracteristicas ya estaban disponibles de una u otra forma en alguna de las miles de herramientas disponibles. Pero Firebug las integró todas en un solo paquete, y mira que bién empaquetado que esta. El interfaz es una gloria.

Esta mañana, despues de descubrir la vista de los estilos para el elemento seleccionado (el tab “style” de la sección derecha) en un elemento que tenia varios estilos anidados, se me salió una lágrima de alegría y decidí ir y donarle $20 a Joe Hewitt, el genio detras de Firebug, porque por si fuera poco, toda esta maravilla es gratis y de código abierto.

Vuelvo y repito: si tu trabajo o tu hobby o la razón que prefieras te lleva a involucrarte con HTML o CSS o JavaScript, no dudes un segundo más en instalar Firebug.