Número 1: Firebug

Se és programador ou designer e ainda não conheces esta extensão fica já a saber que é uma das melhores extensões que existe para o Firefox.

Firebug é excelente para editar, testar e analisar HTML, CSS e Javascript em tempo real. Usando o firebug é tão fácil encontrar um elemento de HTML no código e modificar o CSS, vendo o resultado em tempo real.

Firebug vai ao pormenor de analisar o tempo que cada request faz, por exemplo, quanto tempo demora o download de uma imagem, quanto tempo demora o download do Javascript.

Outra das grandes vantagens é a facilidade que nos dá para analisar o DOM.

Sem duvida uma das melhores extensões para o Firefox.

Número 2: Colorzilla

Uma pequena extensão, mas que é tão útil.

Imagina que estás a ver um site ou uma imagem na Internet, e ficas apaixonado por uma das cores. A tua próxima pergunta é que cor é esta? É neste momento que colorzilla entra.

Colorzilla funciona como eyedropper, simplesmente carregas na cor que desejas e colorzilla informa-te do RGB da cor.

Número 3: Measure It

Esta excelente extensão ajuda e muito, especialmente quando usas CSS a sério e queres que todos os teus divs tenham os tamanhos perfeitos ao pixel!

Quantas vezes queres saber o tamanho de uma caixa, ou quanto espaço ainda tens livre para poderes por uma imagem ou outro div com informação.

Measure It é tão simples de usar, desenhas no ecrã um rectângulo do espaço que queres medir e measure it informa-te dos pixels que ainda tens disponíveis.

Número 4: Selenium IDE

Uma palavra para esta extensão: brutal!

Especialmente para sites de e-commerce. Selenium IDE é simples de usar e dá um enorme jeito, imagina:

Estás a construir um site de e-commerce e sempre que queres testar mudanças que fizeste tens sempre que repetir os mesmos passos, adicionar produtos no basket, passear no site, adicionar mais uns quantos produtos, fazer o checkout, preencher a informação toda e muito mais.

Cada vez que modificas o teu programa lá tens tu que repetir os mesmos passos de sempre.

É neste momento que Selenium IDE entra. Basta correres o Selenium e automaticamente começa a gravar todos os passos e informação que teclas, no fim salvas a sessão.

Modificas o script e queres ver se ainda está tudo a funcionar, vais começar a repetir outra vez os mesmos passos de sempre!!! Não! O Selenium gravou tudo e basta correres o Selenium outra vez e ele sozinho repete todos os passos.

Podes criar varias sessões e salvar com nomes diferentes e sempre que precisares testar, o selenium salva o dia!

Número 5: HTML Validator

Sem muito para dizer, todos os programadores devia usar esta extensão, que automaticamente mostra se o teu HTML é valido e não contem erros.

Se tiver erros informa-te da linha e ainda te dá uma explicação do porquê do erro.

Número 6: Dummy Lipsum

Quando estás a fazer o design do site, muitas das vezes ainda não tens conteúdo para encher todas as caixas ou sítios onde o texto se vai encontrar.

E vamos ser sinceros, no design teres um site sem veres como fica com o texto, fica um pouco esquisito.

Dummy Lipsum ajuda-te a criar texto random que enche o teu site com conteúdo.

Número 7: SEOpen

SEO ou Search Engine Optimization é um factor muito importante depois de um site estar na Internet.

SEOpen ajuda a analisar o teu site em vários motores de pesquisa, mas especialmente nos grandes como o Yahoo, Google e MSN.

Num clique apenas tens toda a informação que precisas, page ranking, backlinks, cache e muito mais.

Sem dúvida uma extensão muito útil.

Número 8: SEO Quake

Não fugindo muito ao tema do SEO, o SEO Quake é outra extensão útil para o mundo do SEO.

Vai até ao google e faz a tua pesquisa, nos resultados o SEO Quake adiciona toda a informação que no mundo do SEO dá jeito, page ranking, caches, backlinks etc.

O que mais me atrai nesta extensão é o factor de ser rápida nos resultados e não teres que estar muito tempo à espera.

Número 9: Web developer

Vou ser sincero, desde que conheci o firebug que tenho usado cada vez menos o web developer, mas mesmo assim entra na lista, pois sem dúvida dá muito jeito.

Web developer faz 50% do que o firebug faz, mas mesmo assim tem várias opções agradáveis e que dão jeito como o visualização do id e class.

Número 10: Diz me tu

Pois com tantas extensões disponíveis, a número 10 não tem nenhum.

Porquê? Bem, antes de mais porque o artigo não se podia chamar o Top 9. Vamos ser sinceros um título Top 9 não atrai tanto como o Top 10.

Por isso, o número 10 está aberto ao público, participa e diz-me qual deveria ser a número 10.