Top 10 extensões para o Firefox por programadores e designers
Claro que para diferentes pessoas o top 10 poderá mudar muito, mas de certeza que algumas extensões encontram-se na lista de todos nós, especialmente programadores e designers.
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.
3 Respostas sobre Top 10 extensões para o Firefox por programadores e designers
-
Valeu pelas dicas.
-
tem o screengrab, quando precisar de um screenshot de pagina inteira, util para quando quiser criar uma tumb de seus portifolios. tem o GreaseMonkey que é muito famoso, e tem o Aadvark, e o View Source Chart, esses sao legais.
Agosto 24, 2008
Boas extensões.