Ir al contenido principal

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

Loquendo es un programa que no necesita mucha presentación, principalmente porque lleva algo de tiempo entre nosotros y que en varias ocasiones, considero, que nos ha sido de gran ayuda al realizar vídeo tutoriales o bien algún proyecto educativo.
Loquendo se ha popularizado aún más en estos últimos años debido a que es utilizado por el popular colectivo Anonymus, para dar a conocer sus actividades.
En está ocasión les comparto 5 alternativas libres a este populoso programa.

Que es microsoft silverlight

Si entras a la pagina de Microsoft, o lees algun blog o revista sobre informática, encontrarás este nuevo término: Silverlight. Inclusive los gamers se verán envueltos por esta ola de novedades, pues la publicación del sitio de Halo 3 , uno de los juegos mas populares de Xbox, se hizo utilizando Silverlight para colocar videos en alta definición sobre trailers y escenas del juego.

Pero que es? para que sirve? quienes lo usan? Aca te dejo una simple pero clara definición, que encontré blogueando un poco.


Silverlight es un plugin que se instala en el navegador web, que en este caso significa Internet Explorer 6 o superior, Netscape 6+, Firefox 1.5+ en Windows XP y Vista; para Macintosh, Silverlight es soportado por Safari y Firefox. El plugin pesa algo así como 1.4 Mb.Silverlight es una versión reducida del framework de .NET (¡el framework completo de .NET es de 40+Mb!) enfocada a eficientar el manejo de multimedia dentro del navegador: video, audio, animación, interactividad, etc.Uno …

La beta de Windows 8 ya está disponible

La primera beta para usuarios de Windows 8, que ha recibido el nombre de Consumer Preview, ya puede descargarse desde la página de la compañía. Microsoft aprovechó el Mobile World Congress que se celebra en Barcelona para presentar este sistema operativo, que utilizará la nube para sincronizar la experiencia entre distintos dispositivos. La versión para desarrolladores (Developer Preview) deWindows 8 estaba disponible desde septiembre de 2011 y desde entonces ha sido descargada más de