Muitos desenvolvedores front-end gostam de utilizar o browser Firefox devido algumas ferramentas que auxiliam, porem o navegador Google Chrome também tem algumas extensões que facilitam a vida do desenvolvedor.
Irei listar algumas ferramentas que encontrei recentemente e possuem um papel fundamental em testes de resolução, medidas e etc… São extensões indispensáveis aos desenvolvedores Front-end.
Confira a lista:
Responsive Web Design Tester
Esta extensão emula em uma janela poup-up com a medida selecionada, a grande sacada desta ferramenta é você poder cadastrar dispositivos e suas resoluções além dos dispositivos móveis previamente cadastrados, para quem trabalha com design responsivo esta ferramenta é fundamental.
Ruul Screen ruler
Que tal uma ajudinha em medir pixels entre caixas, ou então ver a medida exata de pixels da posição onde quer colocar um elemento? a ferramenta Ruul ira te ajudar mostrando em sua tela uma régua mas em vez de marcar centímetros ela marca pixels.
Aline
A extensão a line cria réguas na lateral e no topo do browser onde é possível puxar linhas guias para facilitar no alinhamento dos elementos na hora de testar seu site, praticamente as mesmas guias que temos em softwares de imagens como o Photoshop, Illustrator ou Fireworks.
Designer Tools
A extensão Designer Tools além de criar linhas guias, também possui a ferramenta de color picker para capturar com um conta gotas cores que estão na tela.
qSnap
Um excelente capturador de tela, com ferramenta de edição, marcação e anotações na tela capturada.
Clear Cache
Limpa o cache da página facilitando os testes.
Gostou desse artigo? Dá uma forcinha!
A única forma que consigo remunerar meu site é através de anúncios, não esqueça de conferir!