Extensões do Chrome para desenvolvedores front-end

Extensões do Chrome para desenvolvedores front-end

Publicado em 4 jul 2014

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!




Deixe o seu comentário