Extensiones de Firebug para el desarrollo web

Webmaster 05/02/2013

Desde hace algunos años se ha considerado a Firefox como el navegador preferido para el desarrollo web, principalmente porque existen múltiples complementos para hacer el trabajo, no digo que Chrome no sea útil para estos fines.

Considero que Firebug, es uno de los mejores complementos para programadores y
diseñadores web que existe, además dentro de sus características están: que cuenta con un panel para ver la estructura HTML y estilos, un
panel para ver los errores, las advertencias y los
registros, entre otras.
En este artículo, examinaremos algunas extensiones de Firebug, que he considerado esencial su instalación para llevar a cabo tareas de desarrollo web.

1. FireFontFamily

Es probable que a menudo encontrar algo como esto en font-family propiedad en CSS con familias de fuentes diferentes. Por desgracia, esto no nos dice específicamente que fuente se ha utilizado. Para hacer más fácil la identificación podemos instalar ésta extensión.

2. YSlow

Es una extensión para Firebug desarrollada por Yahoo! cuya función principal es analizar las páginas web y sugerir formas de mejorar su rendimiento.

3. FirePHP

FirePHP es una de las extensiones por excelencia para
realizar debug de códigos en PHP.

4. Firecookie

Sirve para gestionar las cookies del
navegador, con Firecookie podremos, eliminar,
modificar y hasta crear las Cookies para poner a prueba aplicaciones.

5. Codeburner

Se utiliza para
proveer más información sobre el HTML o CSS, es ideal para
aprender de forma didactica y trabajando con ejemplos.

6. CSS Usage

Éste permite simplemente y como si fuera poco, ver claramente que propiedades CSS se están utilizando, ideal para depurar hojas de estilo o bien para aprender de otros diseñadores.

7. FireQuery

Una de las extensiones más utilizadas por los programadores que adoptan el
uso de jQuery para sus desarrollos, se podría definir como uno de los más
recomendado.

8. Firefinder

Útil para encontrar dentro de las hojas de estilo
propiedades determinadas, una especie de buscador de estilo.

9. Firepicker

Sirve
para visualizar fácilmente el color correspondiente a cada código
y viceversa.

10. Pixel Perfect

Permite colocar una capa con la imagen que se desee
y brinda la opción de cambiar la transparencia del la imagen como si
fuera un papel de cebolla, ideal para los que trabajan en la tarea de maquetación web.

11. Firediff

Ayuda a dar un seguimiento de los cambios
realizados en los códigos, particularmente útil para encontrar
modificaciones o bien para recuperar cambios en caso de no tener copias
de seguridad.

12. Rainbow

Extensión para colorear los códigos para facilitar su lectura, simple, útil y gratis.

Si conoces de otra extensión por favor comenta y con gusto la estaré incluyendo a esta lista.