Ainda hoje, o que mais me atrai no Firefox são as suas extensões, que adicionam um mundo de funcionalidades ao navegador. Essas extensões começaram a ficar indispensáveis para mim a medida que comecei a usa-las para o desenvolvimento web, e hoje já não consigo me imaginar trabalhando sem muitas delas.

Pensando nisso, resolvi compartilhar aqui uma lista de 7 extensões do Firefox que facilitam muito a vida de quem é desenvolvedor front-end. Espero que goste :)

Lista de extensões

1. O Firebug provavelmente é a mais indispensável de toda a lista. Trata-se de uma poderosa ferramenta que nos permite, entre outras coisas, inspecionar o código HTML e CSS, modificando estilo e layout da página em tempo real, assim como depurar o Javascript de forma avançada e analisar o desempenho e o uso da rede.
2. O CSS Usage é uma extensão do Firebug, que lhe permite escanear várias páginas de seu site para ver quais regras CSS são realmente utilizados em seu site.
3. O Total Validator, que também está disponível como um aplicativo independente, lhe permite fazer uma validação completa do seu código, verificando rapidamente a existência de tags ausentes ou incompatíveis com o Doctype em uso, ou mesmo questões de acessibilidade.
4. O FireQuery é uma extensão que se integra ao Firebug trazendo diversas melhorias para JQuery, como a apresentação das expressões de forma inteligente no console e no inspetor DOM. Abaixo você pode ver um screencast dessa extensão.
   
5. O ColorZilla ajuda com tarefas básicas ou avançadas relacionadas com as cores. Com o ColorZilla você consegue, entre outras coisas, fazer a leitura de uma cor em qualquer ponto do seu navegador, obtendo o código hexadecimal ou RGB, podendo inclusive ajustar rapidamente essa mesma cor para usá-la em outro programa.
6. O Screengrab mantém um ícone na barra de status do Firefox, e através dele você pode copiar ou salvar capturas da tela, sejam de seleções de uma área específica da página ou até mesmo a página inteira, inclusive as partes fora da sua visualização.
7. O Web Developer, assim como o Firebug, é uma das mais indispensáveis da lista. Trata-se de uma barra de ferramentas com recursos como o redimensionamento de janelas para simulação de diferentes resoluções de tela, links para diferentes formas de validação da páginas, depuração de formulários e ferramentas de otimização.