Os 5 Melhores plugins para Firefox para desenvolvedores web!

Postado por Abraão Levi Oliveira Figueredo em 1 de fevereiro de 2010

O Firefox realmente é um navegador muito bom, principalmente pelo fato de suportar diversos plugins, que vão desde integração com Gmail e Twitter até ferramentas muito úteis  para auxiliar no desenvolvimento de páginas web ou depurar códigos, como javaScript ou mesmo PHP.

Como eu já disse, existem milhares de plugins para o Firefox, mas os que eu considero os melhores e mais usuais no dia-a-dia, com relação ao desenvolvimento web são:

• ColorZilla e MeasureIt
• Toolbar Web Developer
• HTML Validor
• Firebug e FirePHP
• YSlow

ColorZilla e MeasureIt

O ColorZilla é uma espécie de conta gotas, igual do Paint ou Photoshop, que quando selecionado ele pode “pegar” a cor no formato RGB ou hexadecimal, além de poder inspecionar outros elementos da página, como por exemplo, saber o tipo de elemento, ID ou Class que está inserido no CSS.

Ele trabalha muito bem em conjunto com o MeasureIt, com ele é possível medir em px os elementos da página. Simples e fácil de usar o ColorZilla e o MeasureIt é a dupla dinâmica.

Toolbar Web Developer

Uma das ferramentas mais úteis que utilizo diariamente é a Toolbar Web Developer, com ela é possível validar HTML e CSS localmente, desativar JavaScript, desabilitar o CSS e ou Cookies para testes de usabilidade. Diversas opções para lidar com imagens e manipular formulários.

Além de redimensionar a tela para as principais resoluções, aqui vai depender do tamanho do seu monitor, e possível ainda visualizar o clássico código fonte do HTML. Isso ajuda bastante no dia-a-dia.

HTML Validor

Código válido é bacana mas não o mais importante, digo isto porque ao desenvolver aplicações com ASP.NET, pelo menos ainda na versão 3.5 do framework .NET, você pode encontra diversos problemas de compatibilidade com os padrões web. Mas na versão 4.0 a Microsoft promete resolver alguns desses problemas.

O HTML Validor, como o próprio nome diz, ele avalia e vê se o HTML é válido e é possível ainda inspecionar o código para tentar arrumar e deixar tudo direitinho.

Firebug e FirePHP

O Firebug… Quem nunca ouviu falar nesta ótima ferramenta? Manipular códigos HTML, CSS e Javascript de uma maneira dinâmica  de uma maneira rápida e simples, excelente  para qualquer ocasião que necessite de uma depuração de Javascript.

O Firebug fica ainda melhor quando casado com o FirePHP, a idéia é a mesma só que para utilizar com Ajax e PHP, muito bom para depurar pequenos problemas em scripts.

YSlow

Por fim o YSlow, desenvolvido pela equipe do Yahoo, ele serve para mostrar a classificação do site em relação à velocidade de carregamento segundo as normas do Yahoo. A classificação vai de A (excelente ou ótimo) até F (o que não seria muito bom, ou seja, um site nada leve).

Ele ainda apresenta dicas de como organizar o conteúdo e otimização para deixar o carregamento da página mais ágil. Para poder utilizar o YSlow é necessário ter o FireBug instalado.

Conclusões

Como eu já havia dito, existem centenas ou milhares de add-ons para o Firefox, e também mais recentemente para o Google Chrome, a escolha deles deve ser concedida conforme a necessidade. Com essas 5 ferramentas, posso dizer que há um aumente de produtividade que se deve levar em conta.

Outros plugins que gosto muito, são eles: o FireShot, FlagFox e IE tab, também vale a pena testar esses. Você utiliza outros plugins interessantes? Então deixe um comentário!

Então é isso! Até a próxima!