Firefox más que un navegador, se puede considerar como un programa muy completo al cual se le pueden añadir muchas extensiones, las cuales pueden servir para muchos propósitos. Uno de ellos es el diseño y codificación de sitios Web. Existen varias extensiones que le facilitan la vida a los desarrolladores y diseñadores, ya que proveen funciones y recursos con los cuales se puede ahorrar muchÃsimo tiempo a la hora de trabajar. El sitio Graphic Rating ha seleccionado 8 plugins «imprescindibles» para desarrollar y diseñar.
Firebug
Esta extensión contiene muchos complementos enfocados a diferentes especialidades del desarrollo. Son tantas las caracterÃsticas, que es difÃcil describirlas todas en tan poco espacio, sin embargo algunas de las más importantes son: manejo de Cookies, sesiones, hojas de estilo, consola de JavaScript y mucho más en tiempo real.
Web Development Toolbar
Esta barra de herramientas, permite hacer un scan de un sitio, ya que se puede modificar y visualizar elementos que forman parte de la estructura. Por ejemplo, las imágenes, divs, encabezados, párrafos, columnas, etc. También es un recurso muy útil cuando se trabaja con hojas de estilo, ya que permite mostrar u ocultar elementos para hacer más fácil la comprensión de la estructura de un sitio.
YSlow
La optimización de recursos es muy importante, por lo que esta extensión brinda una buena forma de visualizar el tiempo de carga de cada página, con lo que se puede identificar qué elementos son los que toman más tiempo en descargarse. Los motores de búsqueda ponen especial énfasis en páginas optimizadas que no demoran demasiado encargar.
Colorzilla
Hay veces que nos encontramos con colores interesantes, pero comúnmente no ponemos de herramientas para saber especÃficamente de qué color se trata. Esta extensión es similar a la herramienta cuentagotas de programas de edición de imágenes, ya que permite conocer cualquier color que se encuentre sobre la pantalla.
Fireshot
La colaboración y la retroalimentación en un diseño es muy importante, y aquà es donde Fireshot entra en juego, ya que permite hacer anotaciones, recomendaciones y comentarios sobre la interfaz, directamente desde navegador, y con la posibilidad de compartir estas anotaciones con otras personas.
Pencil
El diseño y el maquetado son partes muy importantes, y que mejor que el poder llevarlas a cabo desde la misma ventana del navegador. Esta extensión permite montar un entorno de diseño y bosquejo sin la necesidad de salir de Firefox.
IE View / Opera View / Safari View Win / Chrome View
Es muy importante asegurarse que un diseño se ve de la misma forma en diferentes navegadores, y en diferentes sistemas operativos. Algunos navegadores tienden a ser conflictivos, sobre todo Internet Explorer. Este conjunto de extensiones permiten visualizar los sitios como si se abriesen en varios navegadores a la vez, asegurando la máxima compatibilidad posible.
CodeBurner
Se trata de una librerÃa con referencias a propiedades, métodos y elementos de HTML y CSS, las cuales se pueden acceder directamente desde navegador, ahorrando mucho espacio y tiempo, si no se es muy familiar con estos conceptos. Es un recurso de ayuda y referencia muy útil y sobre todo discreto.
