Las 25 mejores Extensiones de Firefox para Webmasters

Los webmasters y desarrolladores web aman Firefox, el browser de Mozilla, gracias a sus capacidades de agregar complementos, y personalizar la experiencia, haciéndola siempre relevante para los intereses del usuario en cuestión.
Los muchachos de Mozilla mostraron por primera vez su Firefox 4 hace poco, e instantáneamente todo el mundo tuvo algo que decir: la cuarta versión del popular browser fue un éxito desde su lanzamiento, y hubo más de un millón de descargas a menos de 3 horas de aparecer en la web. Ofrece varias extensiones y add-ons para facilitar tu trabajo, y hacer que no puedas pensar en usar la web si no es con Firefox. Hoy mostramos un par de herramientas que todos los diseñadores web deberían tener para optimizar, arreglar errores (no es que tú, en particular, cometas alguno, sino los demas 😉 ) y un par de cosas más. Entonces, dirígete a la web de Mozilla, descarga Firefox, y únete al clan.

Web Developer

firefox-extension-1

Web Developer es una de las extensiones más utilizadas entre desarrolladores ya que agrega varias herramientas a Firefox y permite saltearte varios otros add-ons que no son tan completos y dan sólo algunas herramientas. Instala aquí.

Firebug

firebug

Firebug se integra bien en Firefox y provee un par de herramientas útiles para usar mientras navegas: podrás editar, remover bugs, ver HTML, CSS y Javascript en vivo en cualquier página. Instala aquí.

FirePHP

FirePHP

Vas a necesitar tener instalado Firebug pasa usar FirePHP. FirePHP te permite entrar en la consola de tu Firebug por el método PHP. Deberías probarlo si te interesa el desarrollo en AJAX. También provee algo de flexibilidad para tu propio código, y permite agregar errores y excepciones de errores a la configuración. Instala aquí.

Open In Fireworks

Open In Fireworks

Open In Fireworks te salva algo de tiempo al acortar el proceso de editar imágenes en los propios sitios web que manejes. Puedes editar cualquier imagen online con un simple click derecho de tu mouse. Instala aquí.

FeatureFix

FeatureFix

Firefox fue diseñado para mostrar sólo los atributos en TITLE. Pero si necesitas información adicional sobre la imágen o fuente que no tiene ningún epígrafe o explicación, FeatureFix es la herramienta para ti. Muestra toda la información disponible de cualquier imágen usada en una web particular. Instala aquí.

Workspace

Workspace

Con Workspace puedes ingresar y ejecutar Javascript en una pequeña ventana. Puedes también evaluar tu texto y comparar con el actual, en la ventana activa de tu browser. También puedes usar workspace para evaluar Javascript en Chrome para experimentar. Es una gran herramienta para probar tu código recién compilado. Instala aquí.

Total Validator

Total Validator

Total Validator ejecuta múltiples validaciones y captura pantallas en un solo proceso. Es un validador (X)HTML que también actúa para validar accesibilidad, y tiene herramientas para chequear ortografía, y links rotos. Si necesitas más opciones, puedes optar por la versión pro. Instala aquí.

iMacros para Firefox

iMacros para Firefox

¿Estás cansado de llenar la misma información y abrir los mismos websites? Ahora puedes grabar tu trabajo repetitivo con iMacros para Firefox y volver a ejecutarlo cuando lo requieras. Instala aquí.

JSONView

JSONView

JavaScript Object Notation, o JSON, es un formato liviano de intercambio de data. Con la extensión JSONView puedes dar formato, resaltar, y colapsar objetos. Te ahorrará mucho tiempo al remover bugs. Instala aquí.

Console²

Console²

Console² es una gran herramienta para desarrolladores que permite trabajar en Javascript y CSS para encontrar errores. Esta extensión toma en consideración la posibilidad de mostrar errores por tipo, y permite filtrarlos u organizarlos para facilitar el proceso de corrección. Instala aquí.

MeasureIt

MeasureIt

Permite dibujar una escala en cualquier página para calcular la altura, ancho o alineación de los elementos. MeasureIt permite hacer múltiples mediciones en un solo proceso. También da funciones opcionales como recordar la ubicación de un botón, la luz de fondo, visibilidad, etcétera. Instala aquí.

YSlow

YSlow

Si tu site te parece muy lento, o piensas que requiere un poco de optimización, puedes usar YSlow, que no sólo analiza las páginas sino que además te hace sugerencias para alterar y mejorar algunas opciones. Instala aquí.

SEO para Firefox

SEO for Firefox

En el escenario actual, nadie puede negar la importancia del SEO. Una buena investigación de mercado es parte vital de cualquier proyecto exitoso.  SEO para Firefox te da el poder de hacer investigaciones rápidas con los resultados de Google y Yahoo!. Instala aquí.

Xmarks Sync

Xmarks Sync

Xmarks Sync mantiene tus marcadores, passwords y tabs guardados, y los integra a tu web browser. También se sincroniza y hace back ups de servicios guardando tu data en tu cuenta en la web de Xmarks web. Instala aquí.

IE Tab

IE Tab

Sabemos que amas tu Firefox, pero cuando eres un desarrollador o webmaster, a veces debes chequear la compatibilidad con otros browsers. IE Tab hace exactamente eso, muestra como se vería una página en IE con un simple click, y luego puedes volver a Firefox para no sentirte tan sucio. Instala aquí.

Dummy Lipsum

Dummy Lipsum

Lorem Ipsum es el texto más usado cuando se crean nuevas cajas de contenido en cualquier nuevo proyecto, quizás tú seas uno de los tantos que lo usa. Con la extensión Dummy Lipsum puedes generar “Lorem Ipsum” en párrafos, palabras, listas, o lo que sea para rellenar cajas y trabajar sólo sobre la forma física de los objetos. Instala aquí.

NoScript

NoScript

Cuando navegas por internet, siempre estás en riesgo de caer en una trampa de XSS o Clickjacking. Gracias a NoScript, podrás bloquear JavaScript, Java y otro contenido activo de cualquier sitio en el que no confies. Instala aquí.

Tab Mix Plus

Tab Mix Plus

Tab Mix Plus es un favorito de los desarrolladores por ser útil y simple: expande tus capacidades para navegar. Puedes elegir cerrar varias pestañas a la vez, volver a abrir una pestaña recién cerrada, o chequear pestañas cerradas en busca de contenido.Instala aquí.

CSSViewer

CSSViewer

CSSViewer es otra gran herramienta para el desarrollador. Como el nombre lo sugiere, CSSViewer sirve para ver propiedades de CSS. Instala aquí.

StumbleUpon

StumbleUpon

StumbleUpon no requiere introducción: permite descubrir sitios relacionados a tus intereses. Puedes compartir tu contenido, encontrar gente con gustos similares, y mantenerte al tanto de las tendencias y desarrollos actuales de la web con esta genial herramienta. Instala aquí.

Live HTTP Headers

Live HTTP Headers

Live HTTP permite ver los HTTP headers de una página mientras navegas. Te ayuda al agregar información del headers cuando haces click para ver las propiedades de una web. Es especial para remover bugs de aplicaciones web. Instala aquí.

Greasemonkey

Greasemonkey

Greasemonkey permite personalizar el aspecto y funciones de tu web usando pequeños pedazos de código en JavaScript. Es famoso por personalizar por completo la experiencia en sitios como Reddit. Instala aquí.

ColorZilla

ColorZilla

Con ColorZilla, obtienes descripciones avanzadas de colores, selector de colores, visor de paleta, y otras herramientas de colores en tu Firefox. También tiene soporte para color HSL y atributos CSS3. Instala aquí.

Element Hiding Helper

Element Hiding Helper

Element Hiding Helper te ayuda a ocultar elementos que tu elijas. Puedes setear tus preferencias para que algún elemento simplemente desaparezca de tu experiencia online. Los elementos ocultos pueden ser descartados automáticamente. Instala aquí.

Form History Control

Form History Control

Form History Control te da control absoluto de tu historial, para que puedas elegir qué guardar, borrar o limpiar. Ya no hace falta que borres todo tu historial para deshacerte de sólo una parte de él. Instala aquí.

Firefox nos ha dado tantas opciones y herramientas para trabajar que no queremos saber nada con otro browser. Y lo mejor de todo es que todas estas extensiones son gratuitas. Esta es una de las razones principales por las que Firefox pisa tan fuerte en esta guerra virtual.

Share

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *