Extensões do Chrome para Desenvolvedores Front-End


chrome

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.





Artigos Relacionados


Designer de Interface pós graduado em Arquitetura da Informação. UI/UX Designer e Front-end Developer, atualmente atendo empresas como freelancer e sou colaborador em uma agência de comunicação onde desenvolvo interfaces criativas com foco na experiência do usuário. Organizador por natureza acredito que o caos é a matéria-prima necessária.

Deixe o seu comentário

Seu endereço de email não será publicado.

Você pode usar HTML tags e atributos: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>