Por Richard em 21/08/2007
Trabalhar com desenvolvimento web sem o Mozilla Firefox é quase que voltar à idade da pedra com tantas facilidades que algumas de suas extensões nos proporcionam.
Meu Firefox tanto em casa quanto no trabalho está equipado com diversos plugins que ajudam muito na criação de páginas e sistemas para o web e já não sei viver sem alguns deles. Separei então uma listinha com os cinco complementos que acho essenciais para qualquer desenvolvedor web.
- Web Developer Toolbar: Esse plugin é o principal e ele faz praticamente tudo! Ele é uma barra de auxílio no desenvolvimento e tem mais de 100 opções todas muito úteis em alguma etapa do desenvolvimento. Algumas delas:
- Desabilitar e habilitar: javascript, cookies, css, imagens, cores da página, cache, etc
- Identificar em tempo real: tamanho ou caminho (path) de uma imagem, divs block level, divs inline, tabelas, frames, elementos obsoletos, formulários, etc
- E ainda, editar em tempo real o css e o html, medir partes da página com uma régua dinâmica, preencher formulários automaticamente (para quem está testando um página de formulário e tem que preencher toda hora). É tanta opção que fica até difícil de listar!
- Firebug: Esse complemento é específico para editar Javascript, Html e Css em tempo real, e pode ser acessado apertando o F12 do teclado. Usando a função Inspect você escolhe qualquer elemento do site e edita na hora, é muito útil para verificar heranças CSS e corrigir erros de layout em tempo real.
- Split Browser: Saindo dos plugins grandes e entrando nos menores, o Split Browser simplesmente divide a tela do Firefox em duas simultâneas, muito útil para comparar layouts.
- ColorZilla: Este complemento se instala no status do browser e clicando nele o seu cursor vira um conta-gotas que pode pegar qualquer cor da página. Quer colocar o título da cor exata de uma imagem sem ter que abrir o Photoshop pra isso? O Colorzilla faz!
- Lorem2Clipboard: Lorem Ipsum com apenas um clique. Lorem Ipsum é um texto em latim que é usado para ocupar blocos de texto em layouts ainda em teste. Com essa extensão do Firefox, você joga o Lorem Ipsum para a área de transferência (ctrl+c) com apenas um clique em seu ícone na barra de status do browser.
Essas extensões funcionam em qualquer sistema operacional que você instalar o Mozilla Firefox e são realmente muito úteis no desenvolvimento de websites e sistemas. Você pode ainda ir até a página de add-ons do Firefox e achar algum que supra suas necessedidades. =)
Pedro Claudio em 21/08/2007 às 13:57
Lorem ipsum dolor sit amet.
Muito bommmm!! o_O
[Responder]
helio em 22/08/2007 às 01:07
belas dicas kra. vo ate testar uns plugins desses xD
mt bom
[Responder]
Juca Ajamil em 04/09/2007 às 14:45
Olá Richard,
Já conhecia 3 desses que citou (1, 2 e 4), e agradeço pelos outros, são muito úteis.
Aproveito para citar um que acho muito útil também, o Screengrab, que captura e salva uma screenshot da página em .png, tenha ela o tamanho que tiver. Excelente para quem quer mostrar um design completo =)
Abraço!
[Responder]
5 dicas rápidas para a vida de Freelancer - Richard Barros - Blog e Portfolio em 19/09/2007 às 10:21 - Pingback
[...] Firefox: 5 plugins de desenvolvimento que podem mudar sua vida. [...]
5 dicas rápidas para a vida de Freelancer - Richard Barros - Blog e Portfolio em 20/02/2008 às 15:52 - Pingback
[...] Firefox: 5 plugins de desenvolvimento que podem mudar sua vida [...]
Diego Couto em 11/04/2008 às 21:13
Excelentes dicas, alguns deles eu já conhecia mas pra mim foi uma grande novidade o plugin ‘Lorem2Clipboard’ que sempre foi de grande utilidade.
Parabéns.
Abraço. :)
[Responder]
Um dia para baixar o novo Firefox 3 e fazer história - Richard Barros em 02/06/2008 às 19:33 - Pingback
[...] Isso é uma grande vitória pelo menos para a comunidade de desenvolvedores e webdesigners, que parecem estar mais espertos para as – digamos assim – limitações do browser da Microsoft. Que bom que a grande maioria já descobriu no Firefox uma ótima ferramenta de criação com produtividade em cima de webstandards, seja com ótimos plugins de desenvolvimento ou teclas de atalho bem oportunas. [...]