5 extensões para Chrome para FrontEnd

As extensões do Chrome são uma das melhores formas de aumentar a sua produtividade no dia a dia do desenvolvedor, então hoje vou mostrar as minhas 5 extensões para Chrome para FrontEnd favoritas.

Mas sem mais delongas vamos de uma vez para a lista.

5 extensões para Chrome para FrontEnd – Lista

Colorzilla

Para começar a lista temos o collorzila essa extensão permite que você descubra de forma fácil quais as cores estão sendo usadas em um site.

E isso vale até mesmo para imagens e vídeos.

Mas nem tudo são flores, essa é uma extensão pesada e que acaba atrapalhando a navegação.

Então eu não recomendo ficar com a extensão desativada e ativar só quando precisar saber qual é uma cor.

Site do Colorzilla.

WhatFont

Essa extensão para mim é a forma mais fácil de saber a fonte que um site usa.

Mas mais uma vez eu não recomendo ficar com a extensão ativa todo o tempo.

Pois ela vai acabar te atrapalhando, por conta do espaço que ocupa em tela.

Então ative quando for usar, e em seguida desative.

Site do WhatFont.

JSON Viewer

A melhor forma de ver o JSON no browser.

A extensão formata seu texto em JSON.

Mas lembre-se ele vai demorar um pouco para carregar em JSON’s muito grandes.

Isso se dá por conta do processamento que é feito para formatar o JSON.

Mas se você não quer que o JSON venha já formatado uma alternativa que eu gosto muito é o JSON Editor Online.

Site do JSON Viewer.

Window Resizer

Se você trabalha com frontend assim como eu essa extensão é uma mão na roda.

Ela permite que você teste vários tamanhos de telas de forma fácil.

Há vários tamanhos que vão além dos que já vem no Chrome por padrão.

Site do Window Resizer.

5 extensões para Chrome para FrontEnd – Bônus

Como bônus vou trazer mais duas extensões que eu uso e muito na minha rotina mas não são focadas em FrontEnd.

As extensões são:

• Marinara: Assistente Pomodoro – Me ajuda muito nos momentos que preciso de concentração, uso sempre, me ajuda muito.
• LightHouse – Melhor opção para checar a velocidade de uma página, uso muito aqui no blog, a fim de oferecer a vocês uma boa experiência.

5 extensões para Chrome para FrontEnd – Conclusão

Há muitas outras extensões úteis, mas hoje listei para vocês as que eu mais utilizo.

Tem alguma que você gosta de usar e não está na lista? Conta pra gente aqui nos comentários.

Quer saber mais sobre desenvolvimento? Confira aqui nossos outros posts.

Agora se você quiser aprender mais sobre frontend e dar um start na sua carreira então confira o curso Programador FullStack JavaScript dos nossos parceiros da One Bit Code.