Algumas pessoas me perguntaram como eu sabia qual era a classe que estava sendo aplicada a determinada elemento, ou como eu sabia a medida de um box sem olhar o extilo dele, ou até mesmo a cor de uma fonte com precisão sem colocar no photoshop, simples, plugins para o FireFox. separei uma pequena lista do plugins que eu uso que me ajudam no dia-a-dia.
Web Developer 1.1.6
Grupo de ferramentas para uso no desenvolvimento de paginas (X)HTML, como por exemplo: desabilitar estilos, exibir contono sobre div’s, tabelas e tags especificas, especionar elemento, mostrando sua caracteristicas naturais, régua entre outros.
MeasureIt 0.3.8
Como já diz, “Por Medida”, a MeasureIt é uma regua muito util para quem não quer instalar toda a Web Developer, eu particularmente gosto pois ela tem um acesso fácil no canto do navegador e isso ajuda muito quando você precisa dela, para usar, basta clicar no icone da regua e arrastar na tela.
ColorZilla 2.0.2
Não tem nenhum programa editor de imagem instalado ou acha que é muito trabalhoso abrir só pra usar o contagotas para saber que cor tem aquela fonte ou aquela borda? “Seus probremas se acabaram-se” com o colorzilla basta você passar o cursor sobre qualquer lugar dentro do navegador que ele identifica a cor exata.
Html Validator 0.8.5.2
Que tal um acompanhamento simultaneo para saber se seu site está dentro dos padrões recomendados pelo W3C? é exatamente isso que o HTML Validator faz, mostra em como está saindo seu código, se houver algum erro ele indica a linha exata que o erro está acontecendo.
FirePHP 0.2.4
O FirePHP é um Analisador de código, com ele você pode fazer testes e até debugar o Código, facilitando muito na hora de localizar possiveis erros.
Firebug 1.3.3
Por último e não menos importante a ferramenta que ultimamente é sem duvida a que eu mais uso, com ela você pode editar seus códigos HTML, estilos CSS e Scripts JavaScript direto no navegador, podendo “debugar” o código, e fazer testes.
Pingback: Testando o Layout Browser/Resolução | CSS com Farinha