robsonmoulin@gmail.com
(11) 9.8655-2539

Extensões do Chrome para desenvolvedores front-end


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.

publicidade
publicidade
publicidade

Agora que você terminou de ler esse artigo

Que tal visitar nosso portfólio ou conhecer todas as soluções que oferecemos para você.