Extensiones de Firebug para el desarrollo web

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.
  

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.


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


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


É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.


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


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


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.  

Comentarios

Entradas populares de este blog

5 alternativas open source a Loquendo

Que es microsoft silverlight

La beta de Windows 8 ya está disponible