Firefox es un explorador de Internet rápido y eficaz que supera con creces a los otros exploradores, pero además Firefox puede resultar de gran utilidad para diseñadores y desarrolladores de páginas web profesionales.
Firefox es más que un navegador, se puede considerar como un programa muy completo al que 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.
Firefox tiene una ventana especial (en el menú Herramientas – Extensiones) para gestionar las extensiones que tenemos instaladas en el sistema: actualizarlas, desinstalarlas o configurar las opciones de cada extensión. Por lo cual será sencillo trabajar con ellas, decidir cuáles nos interesan y solucionar problemas si alguna extensión no funciona correctamente.
En este artículo se hará un pequeño resumen de las herramientas más importantes que existen actualmente para Firefox que contribuyan a facilitar y a mejorar el trabajo de los diseñadores web y que podemos aplicar a nuestros proyectos Joomla.
Firebug
Firebug es una extensión de Firefox creada y diseñada especialmente para desarrolladores y programadores web. Es un paquete de utilidades con el que se puede analizar (revisar velocidad de carga, estructura DOM), editar, monitorizar y depurar el código fuente, CSS, HTML y JavaScript de una página web de manera instantánea e inline.
Firebug no es un simple inspector como DOM Inspector, además edita y permite guardar los cambios, un paso por delante del conocido Web Developer. Su atractiva e intuitiva interfaz, con solapas específicas para el análisis de cada tipo de elemento (consola, HTML, CSS, Script, DOM y red), permite al usuario un manejo fácil y rápido. Firebug está encapsulado en forma de plug-in o complemento de Mozilla, es Open Source, libre y de distribución gratuita.
La barra Web Developer es una creación de Chris Pederick, enfocada a los desarrolladores web. Es una barra de herramientas que puede instalarse en los navegadores Firefox, Flock, Mozilla y Seamonkey.
La idea es concentrar en un solo lugar una serie de prácticas herramientas de debug y utilidades, contando con ellas al alcance de la mano y con la posibilidad de ver los resultados en vivo sobre la página web sobre la que estamos trabajando.
YSlow
YSlow es una extensión de desarrollo para el navegador web Mozilla Firefox, destinada a analizar el rendimiento de páginas web. YSlow necesita y se integra con la extensión Firebug.
Colorzilla
Colorzilla es un plugin del navegador Firefox que nos permite obtener el código de cualquier color de las letras, imágenes, fondos y demás elementos de la página que estemos visitando.
Crea paletas, detecta reglas CSS, permite compartir las paletas creadas, tiene zoom, disponible en varios idiomas… imprescindible para los que trabajan en temas relacionados con diseño y quieren ahorrar tiempo en la ejecución de sus trabajos.
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
Pencil es una extensión para Firefox que actúa como una herramienta de dibujo. Fue premiada el año 2008 por Mozilla, reconociéndola como una de las extensiones más creativas que existen.
El addon Pencil es un programa que se ejecuta dentro de la venta de Firefox permitiéndonos graficar con total libertad, diagramar, utilizar botones, editar textos y muchas otras opciones. A continuación, todo lo que puedes hacer con Pencil.
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.
Sobre el autor
Xavier Pacheco es Ingeniero Técnico en Informática de Sistemas. Forma parte del equipo de WebActualizable (www.webactualizable.com), empresa especializada en el desarrollo de proyectos sobre Joomla
