10 Complementos de Firebug para programadores web

firebug logoMe encanta Firebug, creo que es uno de los mejores complementos para programadores y diseñadores web que existe, y que mejor funciona de forma conjunta a Firefox. Ademas si mal no recuerdo es uno de los pocos complementos que a su vez tiene extensiones, por ejemplo una de ellas es Page Speed de Google.

Es por eso que me gusto la idea de hacer un pequeño compilado de complementos para Firebug útiles tanto para programadores como para diseñadores web, la lista quedo así:

1. FirePHP. Complemento de uso obligatorio para programadores que están trabajando con PHP y Ajax. FirePHP es una de las extensiones por excelencia para realizar debug de nuestros códigos en PHP. Es muy facil de manejar, quizás es un poquito complicado de instalar pero una vez que nos acostumbramos a su utilización difícilmente podremos despegarnos de ella en algún momento.

2. Firecookie. Un complemento muy útil. Sirve para gestionar las cookies de nuestro navegador, con esta maravillosa herramienta podremos, eliminar, modificar y hasta crear las Cookies para poner a prueba nuestras aplicaciones.

3. Codeburner. Muy practica para aprender, lo que hace este complemento es de proveernos de mas información sobre el HTML o CSS, es ideal para aprender de forma didactica, y trabajando con ejemplos. Vale la pena instalar este complemento para continuar nuestro aprendizaje.

4. CSS Usage. Complemento del que hable hace un tiempo, que permite simplemente y como si fuera poco, ver claramente que propiedades CSS se están utilizando, ideal para depurar nuestras hojas de estilo o bien para aprender de otros diseñadores.

5. FireQuery. Uno de los add-on mas utilizado por los programadores que adoptan el uso de jQuery para sus desarrollos, sin duda muy descargado y valorizado, en la comunidad de jQuery se podría definir como el mas recomendado, al menos en foros me canse de leer de personas que lo recomiendan.

6. Firefinder. Muy practico, sirve para encontrar dentro de las hojas de estilo propiedades determinadas , una especie de buscador de estilos, ideal para cuando trabajamos en un proyecto grande en donde encontrar un estilo a veces se transforma en una tarea titánica.

7. Firepicker. No conozco a nadie que recuerde a que color corresponde cada código, por lo que esta extensión se transforma en algo simple y practico, sirve para poder visualizar fácilmente el color correspondiente a cada código y viceversa.

8. Pixel Perfect. Esta extensión será del agrado de aquellas que personas que trabajen maqueteando sitios basando en archivos de photoshop o similar. Lo que hace es permitirnos colocar una capa con la imagen que nosotros queramos y darnos la opción de cambiar la transparencia del a imagen como si fuera un papel de cebolla, ideal para hacer que todo encaje perfectamente y no existan diferencias con el bosquejo original.

9. Firediff. Complemento que nos ayuda a hacer un seguimiento de los cambios realizados en nuestros códigos, particularmente útil para encontrar modificaciones o bien para recuperar cambios en caso de no tener copias de seguridad.

10. Rainbow. Extensión para colorear los códigos para facilitar su lectura, simple, útil y gratis. Que mas se puede pedir? 😛

Obviamente hay mas complementos de Firebug que son geniales como el YSlow pero trate de que sean extensiones no tan populares para que la entrada sea de mayor utilidad. Encantado de recibir sugerencias 😀

Categorizado en: