10 mejores extensiones de Firefox para el diseño web.

Firefox ha cambiado la manera en la que vemos a los navegadores, hoy en dia con las extensiones adecuadas Firefox es capaz de remplazar a muchos programas o de hacernos la vida mas fácil. No es ningún secreto y sonara este post un poco trillado, pero dado que disfruto mucho de mi querido Firefox les presento una corta lista de mis 10 extensiones favoritas:

Firefox has changed the way we use the browsers, now with the proper extensions we can have a complete solution to helping us in our web design journey. So i list my favorites and most useful firefox extensions in web design :

1. Firebug

Amo esta extensión que nos permite visualizar el HTML, CSS y Javascript de una forma coloreada, usable y muy practica además nos permite editar el código del sitio viendo los cambios en tiempo real, gracias a esta extensión me he ahorrado horas de trabajo cuando estaba aprendiendo cómo funcionaba el CSS, y aún ahora me salva de muchos apuros, además me ha permitido aprender uno que otro truquillo inspeccionando el código de un buen sitio. Descarga esta extensión

I love this extension, it allow us to visualize colored HTML, CSS and Javascript, of a live site, and let us see the specific style of certain element inside the HTML. It has saved me hours when I am coding and get an error. We can even change the css and html in the browser. Download this extension

2. Web developer tool bar

Una herramienta que se lleva muy bien con Firebug, tiene la herramienta inspeccionar para que nos de las propiedades de un elemento cuando pasamos el cursor sobre este, además tiene muchas funciones útiles como desactivar javascript, checar la validación del sitio, cambiar el tamaño de la pantalla, entre muchas otras, genial. Descarga esta extensión

A tool that i use along Firebug, it has a lot of features, HTML elements inspection, resize windows, html and css validation, disable javascript, and many many more. Download this extension

3. FireFTP

Un cliente FTP integrado en Firefox, súper útil.

A FTP client inside Firefox

4. ColorZilla

Herramienta que te da la habilidad de poder seleccionar un color que aparezca en la ventana del navegador dándote las propiedades del color para que las copies y pegues en otro programa como Photoshop o Fireworks. Descarga esta extensión

A tool that allow you to pick a color from a website, and then it let you copy the values of this color to paste in anywhere you want. Descarga esta extensión

5. Measure it

Crea una regla con la que puedes medir los elementos de un sitio web en width y height, esto nos da mucha ayuda a la hora de crear grids y otras cosas en nuestros CSS. Descarga esta extensión

This extension creates a rule for you to measure the elements in the screen showing you the height and width in pixels, its helps a lot when you are making grids, columns and great stuff Download this extension

6. IE tab

Abre Internet Explorer dentro de Firefox con un botón, muy útil cuando se está probando la compatibilidad del sitio en este navegador, sin embargo la prueba en IE será con el IE actualmente instalado en la computadora, si quieres probar IE 6 e IE7 recomiendo el programa IETester. Descarga esta extensión

This extensions opens Internet explorer in a tab of Firefox, very useful when you are checking the cross-browser compatibility, however the IE tab render the IE version that is currently installed in your computer, i recommend IETester to test IE6 and IE7. Download this extension

7.Tab mix plus

Administra las pestañas en firefox, muy útil para cuando tienes una colección de sitios para inspiración sobre un tema, simplemente guardas la ventana y tienes acceso rápido a toda la colección de tus sitios de inspiración. Descarga esta extensión

With this you can manage tabs and Windows in Firefox, saving and loading them, very useful when you are looking for inspiration and you have many sites in your current session of Firefox, instead of bookmarking each one you can choose save the window and save them all at the same time. Download this extension

8. Fire Shot

Extensión que nos permite tomar una imagen del sitio que estamos navegando y grabarlo en jpg o png, también nos permite agregar rápidos comentarios y gráficos a la imagen lo cual es perfecto cuando estas informando al cliente o colega sobre cambios del sitio e instrucciones. Descarga esta extensión

It allow us to capture a screenshot of a complete site and save it in jpg or png, we can quickly add comments and graphics to the image, it’s perfect for inform the clients or collaboratos about site features or changes. Download this extension

9. Font Finder

Util herramienta para saber que fuente se uso en determinado sitio web, basta con seleccionar el texto, click derecho – font finder. Descarga esta extensión

A useful tool to find out what Font is used in a website, sometimes you see a Font that will look quite good in your projects, so with this tool you’ll know what Font it is. Download this extension

10. Search Status

Una extensión que nos agrega una barra de Page Rank y Alexa permitiéndonos conocer estos índices para todos los sitios web donde estemos navegando, además de otras útiles características. Descarga esta extensión

A extension that adds a Page Rank and Alexa mini bar to Firefox, it displays those indicators for the site that you are looking. Descarga esta extensión