Las extensiones de Firefox son pequeños agregados al navegador que le dan mayor funcionalidad. Existen de todo tipo y para hacer prácticamente cualquier cosa. En esta oportunidad nos centraremos en aquellas que pueden resultarnos útiles a la hora de desarrollar nuestro sitio web. De esta manera, encontraremos extensiones para poner en prueba nuestra página, así como también para 'espiar' las páginas de los demás y ver (y de ese modo tratar de comprender) cómo están diseñadas para así sacar algunas ideas.
Así pues tenemos las siguientes extensiones:

++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++
Web developer
Autor: chrispederick
https://addons.mozilla.org/es-ES/firefox/addon/60/

Sin dudas es 'la extensión' imprescindible para todo desarrolador web. Se presenta al usuario como una barra de botones en donde cada uno abre un menú con múltiples opciones para elegir. Así por ejemplo en el botón CSS, la opción Ver información de los estilos nos permitirá ver detalladamente la configuración de cada elemento CSS. O, en el botón Resaltar, podremos destacar los distintos elementos que componen la página que estemos visitando y así poder ver cómo está diagramada.


++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++
FireBug
Autor: Joe Hewitt, johnjbarton, robcee, FirebugWorkingGroup, Jan Odvarko
https://addons.mozilla.org/es-ES/firefox/addon/1843/

Otra de las extensiones estrella para los desarrolladores. con una interfase limpia y clara, al presionar la tecla F12 nos abrirá una ventana en la parte inferior del navegador. Entre sus opciones podemos destacar en el apartado Red, la posibilidad de medir las peticiones que hace una determinada página para cargargse, mostrando el tiempo de carga de cada elemento al momento que comienza cada petición.


++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++
Coral IE Tab
Autor: quaful
https://addons.mozilla.org/es-ES/firefox/addon/10909/

Esta extensión nos permite con un simple click, cargar dentro del mismo Firefox la página actual, pero vista con el motor del navegador Internet Explorer. De este modo, podremos verificar la manera en que se visualiza una misma página en ambos navegadores. Aparece como un pequeño ícono en la derecha de la barra de estado que cambia del de Firefox al del Internet Explorer de acuerdo al motor de navegador que esté siendo utilizado. Si hacemos click sobre el mismo, carga nuevamente la pestaña actual con el otro motor, pero si hacemos click con la rueda del mouse (lo que sería el botón central), abre una nueva pestaña con la página vista por el otro motor de navegación.


++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++
FireFTP
Autor: Mime Cuvalo
https://addons.mozilla.org/es-ES/firefox/addon/684/

Excelente extensión que nos trae un completo cliente FTP directamente a la ventana de nuestro navegador con la tradicional interfase de dos paneles típica de los clientes FTP, podremos conectarnos a cualquier servidor FTP para descargar o subir archivos al mismo. También soporta 'Arrastrar y Soltar' entre ambos paneles, lo que lo hace sumamente intuitivo al momento de utilizarlo.


++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++
LinkChecker
Autor: Kevin Freitas
https://addons.mozilla.org/es-ES/firefox/addon/532/

Simple per muy útil extensión que nos permitirá verificar si los links del sitio que estamos visitando son válidos o no. Ideal para quienes son encargados de sitios web con links a sitios que no nos pertenecen. Con un simple click en el menú Herramientas -> Check Page Links. Irá recorriendo los enlaces de la página y 'pintándolos' de verde o rojo según sean o no válidos.


++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++
Console²
Autor: Philip Chee, zeniko
https://addons.mozilla.org/es-ES/firefox/addon/1815/

Extensión dedicada exclusivamente para los desarrolladores web, ofrece mejoras en la consola de errores de nuestro navegador. Utilizándola podremos, por ejemplo, filtrar los errores según se traten de CSS, JavaScript, XML, etc.


++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++
Rainbow
Autor: Heather Arthur
https://addons.mozilla.org/es-ES/firefox/addon/14328/

Con un ícono representando un arco iris en la barra de estado del navegador, esta extensión nos permitirá consultar los colores utilizados en la página que estemos visitando. Entre sus opciones, además de poder elegir un elemento con el mouse y que nos informe el código del color (en el formato que deseemos; RGB, Hexadecimal, HSL) puede analizar la página y mostrarnos los colores según las especificaciones CSS que esté utilizando.


++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++
MeasureIt
Autor: Kevin Freitas
https://addons.mozilla.org/es-ES/firefox/addon/539/

Parece algo trivial, pero muchas veces a la hora de diseñar un sitio, nos interesa saber cuánto mide tal o cual objeto en la pantalla. Para eso, esta extensión nos será extremadamente útil. Basta con activarla desde el botón correspondiente para que nuestro puntero se convierta en una práctica regla con la que podemos medir en alto y ancho en píxeles lo que sea que veamos en la página cargada en el navegador


++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++
HTML Validator
Autor: Marc Gueury
https://addons.mozilla.org/es-ES/firefox/addon/249/

Cumplir con los estándares HTML es algo fundamental en el desarrollo web de quienes realicen un proyecto prolijo y entendible. Esta extensión, que se aloja en un ícono en la barra de estado, nos indicará si el sitio que estamos visitando cumple con las reglas o no. Mas allá de eso, si hacemos doble click en el mismo nos abrirá un completo informe mostrándonos el código fuente de la página y los errores y advertencias que ha detectado. Incluye una completa ayuda para que podamos comprender estos mensajes y corregirlos.


++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++
CodeBurner for Firefox
Autor: SitePoint
https://addons.mozilla.org/es-ES/firefox/addon/13048/

Con Firefox también podemos aprender... Y para ello es esta extensión, una poderosa herramienta de referencia de código HTML y CSS. Aparece en la barra de estado en la parte derecha como un campo de búsqueda o si no haciendo clic en el ícono correspondiente. Podremos buscar cualquier término que nos mostrará las coincidencias, un rápido resumen y la compatibilidad del mismo en los distintos navegadores. Luego, si así lo deseamos, podemos acceder a una información mucho más detallada y con ejemplos de código para que podamos comprender mejor su utilización

Iniciado por Rafael

No realmente, el HTML validator solamente busca errores de validación en las webs, por ejemplo puedes ver el estado de tu web en este link: The W3C Markup Validation Service ahí verás los errores pero solo de la salida HTML no de PHP (codigo de proceso) o MySQL.

mira tu no sabia eso !!
gracias Rafa !

esos addon no tienen nada que ver con 'hacking' son sólo utilidades para saber que anda mal en tu web y poder solucionarlo cuanto antes... son los 10 plug q uso y para son 'indispensables' como puse en el título.. por eso quise compartirlos ya que me sacaron de muchos aprietos... también claro sirve para saber 'como hacer eso' que ves en otra web si me logran entender jeje salu2