1. Firebug
Con esta extensión podemos editar y depurar código HTML en tiempo real, mejorar los estilos, monitorizar tiempo de carga de un sitio, depurador Javascript, explorador del DOM y mucho más. [ Ver mas ]
2. MeasureIt
Esta extensión, permite obtener las dimensiones de cualquier zona de una página web. Útil cuando estamos diseñando una web y necesitamos ajustar al máximo todas las imágenes.
3. ColorZilla
Al instalar esta extensión, se añade un icono de cuentagotas en la barra de estado; basta pulsar sobre él para que se abra el programa. Pasando el cursor sobre las zonas coloreadas de la página visitada, muestra el código (en RGB o hexadecimal), y al pulsar con el botón derecho podemos guardar el código, así como acceder a un selector de paletas. [ Ver mas ]
4. Screen Grab
Permite realizar capturas de pantalla de páginas web dentro del propio navegador. Una vez instalada tan sólo tenemos que pulsar con el botón derecho en cualquier lugar de la página y acceder al menú de ScreenGrab, que da diferentes opciones de captura. Las imágenes se pueden guardar en los formatos .png o .jpg, o bien copiarlas directamente al portapapeles del sistema operativo. [ Ver mas ]
5. Web Developer
Añade herramientas de desarrollo web al navegador. Se trata de una nueva barra de herramientas totalmente integrada a la interfaz del navegador, y que cuenta con un amplio número de potentes utilidades de manipulación CSS, opciones de validación, así como herramientas que permiten controlar el tipo de información visualizada acerca de la página web. [ Ver mas ]
6. IE Tab
Permite abrir instancias de Internet Explorer en una pestaña. Esto es algo muy útil para los desarrolladores web, pero también tiene su utilidad para los usuarios normales, que todavía siguen encontrando alguna web optimizada para el navegador de Microsoft. [ Ver mas ]
7. HTML Validator
Una buena práctica, que debe tener en cuenta un desarrollador web, es que las páginas XHTML creadas sean válidas y por tanto, pasen el validador de HTML y de CSS disponible en el W3C. Para facilitar la validación de las páginas, esta extensión indica en todo momento los errores y las recomendaciones sobre el código HTML de la página que muestra el navegador. [ Ver mas ]
8. CSS Viewer
Nos permite conocer de manera facil los valores y atributos CSS de los elementos que se seleccionen con el puntero.
9. Fire FTP
FireFTP convierte nuestro Firefox en un simple y poderoso cliente FTP donde podemos administrar los archivos en nuestro servidor remoto. [ Ver mas ]
¿Conoces otra extensión interesante para el desarrollo web? Pues compártelo con otros desarrolladores.
[Articulo basado en 9 Essential Firefox Extensions for all Web Developers (inglés)]
Pues mara mí otra muy buena es ColorZilla y para ver el Ranking Alexa y Page Rank de las webs tengo Search Status. Muy bueno el listado, aunque ya conocía practicamente todas.
Claro, me falto mencionar a Search Status una buena extension.
Sin muchas de las extensiones que describes, mi día a día en casa y en el trabajo sería mas duro y me encontraía semidesnudo en el Firefox.
Quizas añadiria View Source Chart para ver el código de las páginas con esquemas de colores o el diccionario de español / España… el articulo Firefox, tuneando el navegador, incluye un listado / descarga con las que uso diariamente, que además me sirve para personalizar cualquier Firefox. Un saludo.
Existe un apartado para extensiones para desarrollo en
http://extensionesfirefox.blogspot.com
Espero que os sirvan de ayuda.