O navegador Firefox está ocupando, cada vez mais, seu espaço no mercado dos navegadores. Isso se deve à sua grande flexibilidade quanto à customização de temas (os famosos “skins”), segurança, política de atualizações e, principalmente, suporte a extensões, os chamados plugins.

No site oficial do navegador podemos encontrar diversas extensões, com muitas utilidades e propósitos para diversos tipos de usuários. O que estaremos tratando aqui são extensões para auxiliar os desenvolvedores web, ou seja, aqueles que trabalham com HTML, CSS e webdesign em geral. Abaixo segue uma lista dessas extensões muito úteis:

1- Adsense Notifier - Esta extensão auxilia os desenvolvedores que trabalham com o Adsense em seus sites. Mostra, em tempo real, as estatísticas do serviço em seu navegador.

2- ColorZilla - Funciona como a ferramenta que coleta cores no Photoshop. Você pode detectar qual cor está sendo utilizada em determinada região ou elemento do site, copiando seu código RGB ou hexadecimal, além de opção de zoom entre outras funcionalidades à parte.

3- DOM Inspector - Já vem com o Firefox e só pode ser acionada no processo de instalação do navegador. Se você não a instalou e deseja utilizá-la, deverá reinstalar o Firefox e habilitar a opção para instalação da extensão. Como o próprio nome diz, serve para inspecionar o DOM (Document Object Model) da página. Ah, esta extensão também é pré-requisito para utilização de outras que veremos a seguir.

4- Fangs - A palavra-chave que define esta extensão é acessibilidade. Através dela, podemos simular como um leitor de tela interpretaria nossa página, mostrando quais itens possuem maior relevância, dando mais ou menos entonação de voz.

5- Firebug - Uma das mais importantes e úteis extensões para Firefox (necessita da extensão DOM Inspector). Com ela, podemos descobrir detalhes minuciosos sobre cada elemento do site, como suas propriedades no CSS e quais regras estão sendo aplicadas a ele. Também temos a opção de edição em tempo real, tanto do HTML como do CSS e JavaScript do site, além de contar com um serviço de estatísticas, mostrando quanto tempo durou para carregar cada elemento do site. Enfim, uma ferramenta indispensável para aqueles que trabalham no desenvolvimento de sites.

6- FireFTP - Torna seu Firefox um verdadeiro cliente FTP. Ao acioná-lo, é aberta uma nova aba, possuindo várias opções comuns nos programas da categoria. O interessante é que não precisamos abrir um programa separadamente para ter um bom cliente FTP, bastando tê-lo aberto em seu navegador.

7- HTML Validator - Nos informa dos possíveis erros de codificação do site, dependendo do DOCTYPE utilizado no documento. Desta forma, se houverem erros de renderização, pode-se descobrir facilmente se alguma tag foi utilizada em lugar indevido ou se não foi fechada.

8- IE Tab - Todos nós, desenvolvedores Web, sabemos quantos problemas o Internet Explorer pode nos causar, quanto à falta de suporte à diversas propriedades CSS e mal- renderização dos sites. Esta extensão facilita a visualização do site no navegador, porém, sem a necessidade de abrí-lo, bastando clicar no ícone correspondente a extensão, na barra inferior do Firefox. Desta forma, a engine de renderização do Firefox é substituída, fazendo com que seu site abra de forma idêntica ao Internet Explorer.

9- Operator - Extensão que detecta várias funções dos Microformats. É adicionada uma barra, na parte superior do navegador, dando opções para salvar o contato de determinado site, se possuir hCard (como estamos fazendo na seção “Equipe” do site da Mídia Digital), adicionar eventos ao seu Google Calendar através do hCalendar (como estamos fazendo no site do Shopping Estação), além de detectar tags e disponibilizar opções de buscá-las no Flickr, del.icio.us e Technorati.

10- Palette Grabber - Como o próprio nome diz, possibilita a captura da paleta de cores de determinado site. Porém sua grande utilidade é a opção de salvá-la como arquivo de cores no Photoshop, caso haja o interesse de estudar/utilizar cores semelhantes àquelas do site visitado.

11- Screengrab! - Esta extensão possibilita fazermos screenshots de determinado site, salvando um arquivo PNG automaticamente, do documento inteiro ou somente da área na qual estamos visualizando.

12- SEO for Firefox - Mostra estatísticas do site relacionadas a sistemas de busca. Muito útil para acompanhar o desempenho de seu site de forma mais rápida.

13- View Source Chart - Exibe o código do site de uma maneira, digamos, mais didática. Cada elemento fica separado em blocos, cada um com sua cor respectiva.

14- Web Developer - Uma das mais aclamadas extensões para desenvolvedores Web. Possui recursos, desde edição do CSS em tempo real, até uma régua para utilização direta no site, opção de habilitar/desabilitar cookies, CSS, imagens, JavaScript, etc. Enfim, uma extensão indispensável para qualquer um que desenvolve sites.

Estas extensões não são novidades para muitos, mas vale mostrá-las para aqueles que estão iniciando na área ou para quem ainda duvida do potencial do Firefox e ainda utiliza o ultrapassado Internet Explorer.

Façam bom proveito!

Postado em 16/03/2007 às 17:18h na categoria Tecnologia, Tendências. Você pode acompanhar este post pelo feed RSS 2.0. Você pode deixar uma resposta, ou trackback do seu site.