Extensiones de Firefox para el desarrollo web

Cuando estoy realizando la maquetación de un sitio web siempre voy comprobando “el como va quedando” en Firefox. Cualquiera puede preguntar: ¿Porque con ese navegador y no con otro?. Por las extensiones, así de simple.

Tengo que decir que siento predilección por Firefox, pero también reconozco que tiene sus pegas (como la RAM que puede llegar a devorar) y que hay más opciones igual de válidas (de hecho las tengo instaladas casi todas ). Pero ninguno hasta ahora me ofrece la posibilidad de ampliar tanto las funciones del navegador como lo hace Firefox con sus extensiones, y eso a la hora de desarrollar un sitio web puede llegar a ahorrarte mucho tiempo.

Es más, la gente de Mozilla creó un recopilatorio de extensiones llamado Web Developer’s Toolbox con muchas extensiones capaces de ahorrarte tiempo y dolores de cabeza en esto del desarrollo web. Yo tengo mi propio recopilatorio específico o por llamarlo de otra manera mi lista de extensiones favoritas para el desarrollo web.

Como puedes ver en la imagen, en esta lista se encuentran:

• Web Developer: Multitud de herramientas y utilidades para el desarrollo web.
• Html Validator: Indica el número de errores y avisos en la validación de la página.
• ColorZilla: Selector de color, cuentagotas, zoom…
• FireFTP: Cliente ftp con gestor de diferentes cuentas en el propio navegador.
• TAW3 en un clic: Con un simple clic puedes hacerte una idea de la accesibilidad de la página.
• Firebug: Permite editar, depurar y monitorear CSS, HTML y JavaScript en cualquier página web.
• YSlow: Para analizar y optimizar los tiempos de carga.
• Dust-Me Selectors: Te muestra una lista de las propiedades CSS definidas en la(s) hoja(s) de estilo y que no están siendo usadas.
• FireShot: Para crear screenshots (completos o solo la parte visible) de la página.
• Pixel Perfect: Superpone el diseño sobre el resultado de la maquetación.
• CodeBurner for Firebug: Una extensión para Firebug que amplia las referencias de CSS y HTML.
• Browser View Plus: Añade opciones al menú contextual (o botones en la barra de menú) para abrir la página o enlaces en el navegador que prefieras.

En total 12 extensiones, bueno, ahora que recuerdo en realidad son 12+1 (13 que no soy supersticioso ) con IE Tab, que con un clic muestra la página usando el motor de IE. Si te interesa puedes ver y descargar el recopilatorio Diseño y maquetación web completo desde la web de Mozilla.