El navegador Firefox tiene una serie de complementos o add-ons, como son conocidos popularmente, que hace mucho más sencillo trabajar con él. Para los diseñadores y desarrolladores web tener un buen número de estos complementos puede hacer que ahorren mucho tiempo en su trabajo. Os ofrecemos una lista de más de 30 complementos para Firefox que todo diseñador web y desarrollador debería tener.

CSS

Aardvark – Una extensión para diseñadores y desarrolladores web que les permite ver los atributos CSS  además de su id y clase seleccionado cada elemento individualmente.

chromEdit – Cambia la apariencia de cualquier página editando los archivos CSS y Javascript con este complemento.

CSSMate – Complemento de Firefox para editar archivos CSS.

CSS validator – Comprueba la compatibilidad de tu sitio web usando este complemento para la validación CSS.

CSSViewer – Mira las propiedades CSS de los elementos de tu página con este add-on.

EditCSS – Diviértete con las CSS ya cargadas, el complemento Web Developer también proporciona esta funcionalidad.

IE Tab – Los diseñadores y desarrolladores web pueden ver sus proyectos CSS en Internet Explorer usando este add-on.

Style Sheet Chooser II – Los usuarios pueden escoger entre diferentes estilos de página para su sitio web.

Depuración y análisis

FireBug – Consola para depurar código JavaScript, HTML, y Ajax.

HTML Validator – Add-on para validar sitios web con los estándares HTML de W3C.

JavaScript Debugger – Herramienta para código JavaScript con un entorno de depuración muy potente.

Link Checker – Comprueba los enlaces de tu sitio web para comprobar su validez. Los divide por colores, según tengan uno u otro significará en qué estado están…

Load Time Analyzer – Muestra gráficos detallados sobre el tiempo de carga de los sitios web en Firefox. Los gráficos también muestran eventos como peticiones, tiempo de carga de imágenes, etc.

View Dependencies – Encuentra todos los archivos subidos a tu sitio web con la opción de “ver dependencias” en la página de información.

Otros


Clipmarks – Guarda fácilmente partes de un sitio web con esta herramienta.

Codetech – Excelente add-on para diseñadores web, es un editor de páginas web de características similares a Dreamweaver.

ColorZilla – Una sencilla extensión para diseñadores y desarrolladores, ayuda a seleccionar colores que pueden ser usados y ajustados en cualquier otra aplicación.

FirePHP – Encuentra qué código PHP se muestra en las páginas que utilizan navegadores Firefox.

Flash Switcher – Utiliza este add-on para evitar recargar entre plugins flash.

Greasemonkey – Controla todos los aspectos del comportamiento de un sitio web añadiendo un código Javascript  a cualquier sitio web.

Measureit – Los usuarios pueden calcular las medidas específicas de tablas y párrafos en Internet.

Platypus – Una de los mejores add-ons para Firefox para modificar un sitio web. Los usuarios pueden modificar una página web, guardar los cambios como un script Greasemonkey y la página salvada se cargará la próxima vez que visitemos el sitio web.

Poster – Add-on imprescindible para desarrolladores que permite interactuar con servicios web y otros recursos.

Professor X – Comprueba el contenido de la cabecera de la página web sin necesidad de introducirse en el código fuente.

Screen grab – Captura cualquier imagen de una página web y  la guarda como un archivo de imagen con su extensión correspondiente.

TestGen4Web – Guarda todas las actividades de los usuarios del sitio web (entadas de texto, clicks) en un archivos xml. Estas acciones pueden ser reproducidas y convertidas mas tarde en scripts para herramientas de diagnóstico automáticas.

View Source Chart – Muestra el código fuente de cualquier sitio web tal como lo ve Firefox.

Web Developer – Añade un menú con varias herramientas para el desarrollo web.

X-Ray – Add-on imprescindible que permite al usuario ver el código de una página web con el botón derecho del ratón y cambiar entre la página y el código fácilmente.

Espero que estas herramientas te sirvan de ayuda a la hora de diseñar o desarrollar tu web, pero recuerda que si lo que buscas en un servicio de calidad y profesional debes ponerte en contacto con uno de nuestros ejecutivos comerciales.

Fuente: Mashable.com

Valoraciones: