Extensiones Firefox para el Desarrollado Web

1. Firebug

Fire Bug

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

Measure It

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

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

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

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

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

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

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

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)] 

4 thoughts on “Extensiones Firefox para el Desarrollado Web

  1. 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.

Leave a Reply

Your email address will not be published. Required fields are marked *

Proudly powered by WordPress | Theme: Wanderz Blog by Crimson Themes.