Extensões Firefox para desenvolvedores Web
15/07, 2005 12:00 por Fellipe
Quando entro no site de extensões do Firefox, fico pasmo ao ver que preciso da última versão instalada caso queira prosseguir pelo site. Mas, tudo bem, faço o download. Afinal, como muitos disseram, é a Mozilla que tem que zelar pelo seu nome, e “versão recente” é sinônimo de “bugs corrigidos”. Vale a pena, mesmo em conexão discada.
Depois deste martírio, estou pronto para pegar as extensões e brincar. Me sinto uma verdadeira criança ganhando presentes quando vasculho por extensões interessantes. São tão legais, são tão práticas e fáceis de instalar que dá gosto! E a melhor novidade é que atualmente o desenvolvimento está tão sólido, que nenhuma das últimas trinta extensões que eu instalei deu nenhum tipo de pau. É bom porque odeio! Tem gente que gosta 
Porém, dentro deste repertório imenso, existem algumas ferramentas que merecem destaque. “Mão na roda” é pouco para descrever o uso destas aplicações. Falo das extensões que voltam-se para os desenvolvedores web.
Não faltam opções: barras de ferramentas, colorizadores de códigos, visualizadores de camadas, renderizadores, verificadores e validadores. Tudo no mais tosco plural.
É um prazer estar apresentando uma a uma, aproveite.
Web Developer 0.9.3
link
Esta extensão é simplesmente necessária! Com ela, podemos nos utilizar de recursos como “esconder todas imagens”, “criar lista de todos os links”, “destacar todas as layers”, “redimensionar a tela (800×600, 1024×768)”, “Validar CSS, XHTML…”, e muito mais opções. É um cinto de utilidades para um webdeveloper que fica disposto como barra de ferramentas. Nota 9.
IE View
link
Útil e simples. Se você usa windows, lógico. Com esta extensão você pode abrir a URL que está na tela em uma janela do Internet Explorer sem ter que fazer um árduo caminho. A opção consta no menu acionado com o botão direito. Poderia ser muito melhor se alguns recursos fossem adicionados, mas eu não tenho nem idéia quais! Nota 7.
ColorZilla 0.8.2
link
Para quem quer saber a cor daquele topo, ou daquele céu na foto da página, o ColorZilla é a ferramenta perfeita. Ele é um conta gotas que fica na barra de status e tem um funcionamento simples: você clica, ele ativa. Você clica na cor, ele pega. Você clica com o botão direito no ícone dele novamente, ele te dá as opções para cópia do código da cor nos formatos [#FFCC00] Hexadecimal e 255, 133, 000 Decimal. Nota 8.
Html Validator (Tidy) 0.6.0
link
Ótima!
O HTML validator usa o Tidy (validador de código opensource) para validar qualquer página que você visite. Se está válida, pode crer que o webdev é ciente do que são webstandards. Extensão muito boa para verificar também os quesitos de Acessibilidade da página. Esta extensão merece um tópico só seu. Fica na barra de status. Nota 10.
View formatted source (format source extension) 0.9.3.4
link
Bem legal. Esta extensão permite que você abra o código fonte de uma página de forma que ele esteja estruturado com letras coloridas separando trechos de códigos e tudo mais! Seria muito bom se fosse melhor. Clique com o direito em cima da página para ver a opção. Nota 7.
autositemap 2005.07.02
link
Esta ferramenta serve para os caras que querem entrar onde os sites não deixam ou querem analisar a estrutura utilizada pelo webdev em seu site. Faz o que promete e é eficiente além de rápida, perfeita para a captura em lote de alguns elementos presentes em galerias, como imagens, vídeos, ebooks, músicas… Mas cuidado para não tentar estruturar um site muito grande, pode ser angustiante o tempo de espera. Aciona-se via menu View (Exibir), Sidebar, Autosite Mapper, ou CTRL+SHIFT+S. Nota 7,5.
View Rendered Source 0.9.9.6
link
Parecido com o View formatted source, porém, pesado e dá pau às vezes por conta de colorir caixas agrupadas com os blocos da página. É acionado com o clique direito na página. Nota 5.
MeasureIt 0.2.8
link
Irmãzinha do CollorZilla, o Measure It é perfeito para webdevs que analisam outros sites. Localiza-se na barra de status. Ela funciona como uma régua que retorna os tamanhos do espaço selecionado pelo usuário! Nota 8.
Greasemonkey 0.3.3
link
Dispensa comentários. Excelente para webdevs experientes em Javascript, permite que você faça, ou pegue, seus próprios javascripts e rode-os em qualquer página. Já vi pessoas prometendo coisas cabulosas com uma simples visita. Vale a pena puxar e procurar a respeito. Contudo, CUIDADO com seu uso. Usuários de GMAIL que tentam usar essa ferramenta no GMAIL têm as suas contas bloqueadas por algumas horas, é sério. Nota 9.
EditCSS 0.3.2
link
Parecido com o greasemonkey, mas para quem entende de CSS. Permite que, com a combinação de CTRL+8, o sidebar abra com o CSS da página em questão, e sendo assim, você possa alterá-lo à gosto. Nota 8.
Save Image in Folder 0.5
link
Boa para todos! Permite que o usuário possa predefinir o diretório que quer salvar as imagens de um site, sem a necessidade de ficar abrindo aquelas caixinhas chatas de confirmação! Merece ser instalada e é altamente customizável. É acessada pelo clique direito. Nota 8,5.
HTML Validator (based on CSE HTML Validator) 1.1.0
link
Mesma função do Html Validator (Tidy) mas funciona com outro algoritmo. Só para windows, oferece uns recursos adicionais interessantes. Se for para optar, opte pelo outro! Nota 6.
Small Screen Renderer
link
Acessado via menu View (exibir), o SSR é um recurso muito bom que permite a renderização da tela como se a mesma fosse de um celular, ou dispositivo pequeno. Perfeito para quem quer atingir todos tipos de público com um único site. Nota 9.
Este artigo foi publicado Friday, 15 de July de 2005 às 12:00 e foi categorizado como mozilla, bookmark.
Você pode acompanhar os comentários deste post assinando o comment RSS (RSS 2.0 [?]).
Você também pode comentar ou atrelar um trackback [?] daqui no seu site.
Deixe seu parecer sobre o artigo
- The WordPress Engine.
