Sebastián Thüer

Comunicación, diseño y tecnología

Seis extensiones de Firefox imprescindibles gente que trabaja en la web

· ·

firefox-logo125x125ff3Si tu día a día transcurre con Firefox abierto la mayor parte del tiempo quizás te interese conocer estas extensiones que pueden ayudarte en tus tareas. La mayoría son conocidas, pero no por ello menos útiles para diseñar, desarrollar y hacer marketing en Internet.

1. Web Developer

Si Firefox admitiera solamente un plugin, probablemente instalaría este. Este completísmo conjunto de herramientas te pemite convertir a Firefox en un editor web, muestra información detallada de cada elemento y válida el código de acuerdo con los diferentes estándares de la W3C.

webdeveloper-943948800Entre otras cosas, permite inspeccionar los archivos CSS y JS adjunto a una página en una nueva pestaña, editar el CSS y HTML al vuelo para ver cómo se modifica la página, deshabilitar el Java Script o la memoria cache, ocultar imágenes y borrar cookies solo del domino o una ruta. Además, para los diseñadores trae una regla para medir los pixeles en pantalla, cambia el tamaño de la pantalla a cualquier resolución que especificada y te muestra la ubicaciónd de cada elementos con su etiqueta. Imprescindible.

2. Firebug

Compite seriamente ocn Web Developer, pero su especialidad es detectar lo que no hacemos bien. Particularmente potente es su soporte para la depuración de Java Script, el la posibilidad de explorar el código CSS, HTML y el DOM de cada objeto.

3. SEO Quake

seo-quake943948800Hay decenas de complementos relacionados con SEO para Firefox y cada uno tiene su favorito. Este es sin duda uno de los más completos porque ofrece información mucha información y obtenerla de diferentes formas. PageRank, palabras claves indexadas por diferentes motores, antiguedad del domino, número enlaces interno y externos, densidad de palabras clave, ranking en Alexa, referencias en delicious… esta herramienta lo tiene todo o casi todo.

Para no apabullar con tanta información se pueden crear perfiles y habilitar o deshabilitar diferentes elementos. Una buena alternativa es hacer una búsqueda en la página de Google. Al obtener los resultados, tenemos todos los datos de cada sitio en la misma pantalla. Eso sí, a cambio hay que ver un pequeño enlace de texto publicitario que tampoco molesta mucho (solo al visualizar los resultados de una búsqueda en Google).

4. Grease Monkey

greasemonkey-943948800GreaseMonkey no sirve para nada… o para todo, según lo veas. En realidad esta extensión permite crear script sque alteran la visualización de las páginas utilizando JavaScript. Por ejemplo, podemos ver un artículo en Wikipedia en 2 idiomas a la vez, mostrar los datos de Google Analytics de manera diferente, tener una firma lista para insertar en los foros o facilitar el uso de algún Facebook.

Hay cientos de scripts disponibles y hablar de ellos daría para varios post. Para comenzar, podemos buscar en el repositorio oficial: userscripts.org

5. Fire FTP

fire-ftp-1187953401Clientes FTP hay muchos y para todos los gustos. Pero pocos pueden presumir de ejecutarse en una pestaña de Firefox. Fire FTP es un cliente con las opciones habituales para estas herramientas: acepta conexiones seguras, sincroniza directorios, compara el contenido de los directorios, soporta UTF 8, reanuda descargas, comprueba la integridad de los archivos subidos y varias cosas más. Pero sin duda lo más interesante es que hay pocas cosas más cómodas que subir tus archivos al servidor directamente desde el navegador.

Como corresponde, es gratuito, open source y multiplataforma.

6. Screen Grab

En la web muchas veces hay tareas simples, repetitivas y aburridas. Por ejemplo, capturar una pantalla, pegarla en un editor de fotos y guardar el archivo. Screen Grab reduce esto a 2 o 3 clics sin salir de Firefox con lo cual podemos capturar toda la página completa, la parte visible o una selección. El resultado se guarda en un archivo PNG o JPG aunque también podemos copiarlo al portapapeles para editarlo luego. Sencillo y efectivo.

Bonus: YSlow

Este script desarrollado por Yahoo analiza una página y muestra como podemos mejorar su tiempo de carga. Entre otras cosas, analizar las peticiones HTTP, la cantidad de archivos externos, si hay código CSS o Javascript que se puede optimizar o si tenemos demasiadas imágenes cargando en paralelo. Una pequeña joya que además ofrece información detallada (en inglés) sobre cómo mejorar el rendimiento del sitio. Requiere tener instalado Firebug.