PTTutoriais

Top 10 extensões para o Firefox por programadores e designers

Aug 24, 2008 Web

Firefox é sem duvida um dos melhores browsers para navegar na Internet tanto para o usuário normal como para o usuário mais avançado.

Mas sem duvida que para programadores e designers o firefox é uma relíquia. Muito devido as extensões / add-ons disponíveis para download.

Neste artigo vou apresentar as 10 melhores extensões no meu ponto de vista.

Claro que para diferentes pessoas o top 10 poderá mudar muito mas de certeza que algumas extensões encontram-se na lista de todos nos, especialmente programadores e designers.

Numero 1: Firebug

Se és programador ou designer e ainda não conheces esta extensão fica já a saber que e 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 e ver 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 nós dá para analisar o DOM.

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

Numero 2: Colorzilla

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

Imagina que estas a ver um site ou uma imagem na net, 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.

Numero 3: Measure It

Esta exelente 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 ecran um rectângulo do espaço que queres medir e measure it informa-te dos pixels que ainda tens disponível.

Exelente!

Numero 4: Selenium IDE

Uma palavra para esta extensão: brutal!

Especialmente para sites de e-commerce. Selenium IDE é simples de usar e da um jeito enorme.

Imagina:

Estas 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 la 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 esta tudo a funcionar, vais começar a repetir outra vez os mesmos passos de sempre!!! Não o Selenium gravou tudo 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!

Numero 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 da-te uma explicação do porque do erro.

Numero 6: Dummy Lipsum

Quando estas 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 sincero no design teres um site sem veres como fica com o texto, fica um pouco para o esquisito.

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

Numero 7: SEOpen

SEO ou Search Engine Optimization e um factor muito importante depois de um site estar na net.

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

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

Sem duvida uma extensão muito útil.

Numero 8: SEO Quake

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

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

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

Numero 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 duvida da muito jeito.

Web developer faz 50% do que o firebug faz mesmo assim tem varias opções agradaveis e que dão jeito como o display de id and classes.

Numero 10: Diz me tu

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

Porque? Bem antes de mais porque o artigo não se podia chamar o Top 9. Vamos ser sinceros um titulo Top 9 não atrai tanto como o Top 10.

Por isso o numero 10 esta aberto ao publico, participa e diz me qual devia ser a numero 10.