Complementos y extensiones de navegadores para desarrolladores web (Complementos para Firefox y Extensiones para Chrome)

Existen una serie extensiones web que nos van a facilitar el proceso de maquetar una web, es lo que se conoce como complementos o extensiones de navegadores. Hay una gran variedad de ellos, pero solo os vamos a recomendar los que usamos en el día a día.

Para administrar y ver las instrucciones de los complementos o extensiones que tenemos instalados hay que ir a:

Firefox > Herramientas > Complementos (Control + Mayúsculas + A).
Google Chrome > Personaliza y controla Google Chrome > Más Herramientas > Extensiones

Como siempre os animamos a que nos comentéis otros complementos o extensiones interesantes.

COMPLEMENTOS PARA FIREFOX

Firebug > Edita CSS, HTML y Javascript a tiempo real mientras estás navegando.
Web Developer > Añade un sin fin de utilidades y funcionalidades para desarrolladores web, como activar, desactivar y visualizar Javascript y CSS. Líneas guía, Regla, Validador de CSS y HTML.
MeasureIT >  Dibuja una regla en el navegador.
Colorzilla > Cuentagotas, generador de degradados.
DustMe > Borra los Selectores CSS que no se están usando.
CSS Usage > Extensión para ver qué reglas CSS están en uso.
Pixel-Perfect > Ayuda para cuadrar los diseños al píxel.
Fireshot > Capturador de pantalla.
YSlow > YSlow analiza páginas web y nos recomienda maneras para mejorar el rendimiento de las mismas.
FireFontFamily  >  Resalta las propiedades CSS relacionadas con las fonts.
Juicy Studio Accessibility Toolbar > Extensión que permite comprobar entre otras cosas el grado de cumplimiento de los niveles de contraste, luminosidad y brillo en la combinación de colores de los textos en base a los requerimientos de las WCAG 1 y WCAG 2.
Gmail Notifier (restartless) > Comprueba si hay correos nuevos Gmail.

EXTENSIONES PARA CHROME

Web Developer > Añade un sin fin de utilidades y funcionalidades para desarrolladores web, como activar, desactivar y visualizar Javascript y CSS. Líneas guía, Regla, Validador de CSS y HTML.
YSlow > YSlow analiza páginas web y nos recomienda maneras para mejorar el rendimiento de las mismas.
Pixel-Perfect > Ayuda para cuadrar los diseños al píxel.
Page Ruler > Dibuja una regla para obtener las dimensiones en píxeles. Mide objetos de cualquier página web.
Eye Dropper > Cuentagotas te permite saber cualquier color que veas en una web.
Web Developer Checklist > Analiza tu web y te dice si estas siguiendo las mejores prácticas respecto a SEO, accesibilidad, usabilidad y optimización de carga.
PicMonkey > Capturador de pantallas con editor propio.