Firefox es el navegador de código abierto y gratuito compatible con Windows, Linux y Mac por excelencia, además de ser el primero de gran difusión que ha brindado a webmasters, desarrolladores web y diseñadores WEB herramientas para facilitarnos la vida, sin olvidarnos de los millones de usuarios de todo el mundo que lo utilizan.
Firefox además de ofrecernos grandes herramientas también ha hecho que Internet Explorer (el navegador más utilizado, por desgracia) pierda usuarios gracias a su desarrollo, respeto a los estandartes web, seguridad y a los miles de plugins/addons que podemos conseguir gratuitamente.
Hoy en día creo que el único navegador que le hace sombra es Google Chrome, pero para mi sigue estando por detrás en lo que al usuario final se refiere.
La lista está dividida en las siguientes categorías:
- Plugins y Addons Inspectores de Código.
- Plugins y Addons SEO para Firefox.
- Plugins y Addons de Diseño WEB para Firefox.
Plugins y Addons para trabajar con codigo en Firefox.
Firebug:
Probablemente el plugin más indispensable a la hora de inspeccionar, localizar y modificar código virtualmente, sobretodo para el CSS.
Este plugin de Firefox nos permite conocer sin tener que salir de nuestro navegador que código utiliza una web, HTML, CSS y hasta JavaScript externos como el de Addthis.
Yo sobretodo lo utilizo para saber donde he de modificar el código CSS ya que me permite saber seleccionando la parte en cuestión, la línea de código y el archivo que he de modificar para poder dejarlo como yo quiero, incluso permitiéndome (como he mencionado anteriormente) modificarlo virtualmente para saber como quedaría sin tener que llegar a modificar el archivo.
CSSViewer:
Con esta extensión podemos ver las propiedades CSS de los elementos relacionados con la página que queramos. Muy práctico cuando hay grandes archivos CSS con estilos que se superponen unos a otros, para analizar por qué algo no se muestra de la manera que queríamos. Muy sencillo y fácil de usar.
Web Developer:
El plugin Web Developer tiene una variedad de herramientas esenciales que permiten desarrollar de manera sencilla sitios web de calidad y solucionar problemas fácilmente. Es un plugin todo en uno, ya que incluye bastantes herramientas en el mismo.
Web Developer agrega una extensión del menú y una barra de herramientas al navegador con varias herramientas de la web del desarrollador.
Al igual que firebug tiene la ventaja (cosa que nos ahorra mucho tiempo) de poder jugar con el CSS de manera virtual y sobre la marcha, para así ver como quedarían márgenes, bordes, fuentes... etc...
Plugins y Addons SEO Firefox.
Search Status:
Este plugin para Firefox nos permite ver, al acceder a una dirección WEB (URL) su Alexa y Pagerank al momento, en formato de texto y de barrita. También tiene otras opciones muy interesantes como subrayar los links NOFOLLOW, su descripción en whois, densidad de palabras, páginas indexadas... etc. Realmente muy útil y fácil de manejar.
SeoQuake:
Este es un addon muy sencillo e intuitivo de usar, que nos permite al entrar a una página web (si lo configuramos por defecto) o sino al solicitarnos muestra información sobre la misma como: El Pagerank, los backlinks que tiene de Google y de Yahoo, paginas indexadas en Bing, Yahoo y Google, el Alexa Rank, enlaces salientes y si son FOLLOW y NOFOLLOW... etc...
Kgen - Keyword Generator:
Nos muestra cuando queremos un análisis sobre las palabras más relevantes (por abundancia) de cada página que quieras, permitiendo ver de esta manera cuales son las que sobran y tenemos que potenciar en nuestro caso y porque la competencia está posicionando con algunas palabras mejor que nosotros.
Plugins y Addons Diseño WEB Firefox.
Colorzilla:
Una de las extensiones de Firefox más sencillas y funcionales. Con Colorzilla puedes realizar muchísimas funciones sin salir de tu navegador como:
Selector de Color: Nos permite obtener el código de un color solo pinchando encima de el, dando igual que sea una imagen o un color generado mediante código. Luego podemos copiar el código del color seleccionado (de manera manual o automática) y pegarlo en otro programa para trabajar con el.
Analizador de Color DOM: Esta es una de sus mejores opciones, se genera una paleta de colores de la página en cuestión de manera automática sin hacer nada.
Cuentagotas: Podemos seleccionar como con firebug el elemento a inspeccionar para ver los colores y demás... después podemos abrir este elemento con firebug directamente para poder ver mejor todas sus características.
Zoom: Nos permite hacer zoom hasta de un 1000% en un segundo, además con esto es muy fácil medir la distancia entre dos puntos de una página.
Paletas de Colores: La base de este plugin, nos permite crear y guardar paletas de colores para su posterior uso, muy sencillo de usar.
MeasureIt:
El diseño web no es solo código, también son importantes todos los elementos de diseño de una web. Con este plugin podemos superponer unas guías (reglas) para poder comprobar la anchura, la altura y la alineación de los distintos elementos de una página.
Grid Fox:
Un addon aparentemente inútil pero que puede ahorrar mucho trabajo, sobretodo para aquellos que trabajan con grids. Con GridFox podemos superponer un grid totalmente configurable sobre la web seleccionada y de esta manera comprobar si realmente se adapta al navegador nuestro diseño (no es lo mismo hacerlo con photoshop que en HTML y CSS).
FireShot:
FireShot es un capturador de pantalla avanzado. Este plugin da la posibilidad de capturar una página web completa y nos permite añadir gráficos y notas directamente a la captura de la pantalla.
Además ofrece varias opciones para el manejo de las capturas de pantalla, se pueden guardar en una gran variedad de formatos, en el ordenador, enviarlas directamente por correo electrónico a otros, o guardarlo directamente en FireShot.
Browser Windows Resizer:
Window Resizer es una herramienta útil para probar diferentes tamaños de pantalla. Muy útil para ver si tu página web se visualiza bien en diferentes resoluciones de pantalla. Una de las ventajas que posee es que es compatible con firebug, así que si ves algo que no va bien en una resolución, puedes localizar y reparar el error muy fácilmente. Las distintas resoluciones que ofrece son:
640×480, 800×600, 1024×768, 1280×1024 y 1600×1200.
Palette Grabber:
Este plugin permite generar paletas de colores para Photoshop, Paint Shop Pro, GIMP, Flash, Fireworks o OS X de una manera sencilla y rápida.
|
05 Enero 2011
Publicado en
Herramientas