Firefox: 5 plugins de desenvolvimento que podem mudar sua vida
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
Lorem ipsum dolor sit amet.
Muito bommmm!! o_O
helio
belas dicas kra. vo ate testar uns plugins desses xD
mt bom
Juca Ajamil
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!
Diego Couto
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. 🙂
Olivia
I’d venture that this atlrice has saved me more time than any other.
Junior Net
Estou voltando a mexer com linguagens para web e no momento há duas dúvidas que me atordoam e não sei por onde começar ou onde encontrar as referências que preciso:
1) Como realizar a execução de um script php e apresentar seu retorno sem recarga da página? (me lembro que ao chamar um script php, a página atual era abandonada e uma nova página assumia o lugar – o que, ao meu ver, não é uma boa ideia hoje em dia)
2) Como alterar uma página em tempo real e salvar uma cópia da mesma no servidor?
(isto deve ser possível, pois se podemos fazer isto através do browser (também uso muito firebug), por que não através de um formulário ou da própria webpage?
Obs: Quero entender a coisa sem precisar de considerar a arquitetura da programação, como é o caso de mvc. Também não vale apelar a CMS porque tudo está praticamente pronto.
Se puder me passar o pulo do gato para que eu possa estudar no caminho certo ficarei grato.
Lula Molhusculhows
Pô, aí sim heim !