Estamos contratando: Quer ajudar a melhorar o mundo com tecnologia?

9 extensões para desenvolvedores que você deveria experimentar

A imagem mostra um computador que simboliza a importância de ter extensões chrome para desenvolvedores eficientes para o seu trabalho.
Tips

9 extensões para desenvolvedores que você deveria experimentar

Como desenvolvedores, estamos sempre em busca de melhores ferramentas para tornar nosso trabalho mais produtivo. As extensões chrome para desenvolvedores facilitam muito o trabalho diário de qualquer profissional da tecnologia.

Neste artigo, vamos mostrar algumas ferramentas que são muito úteis no trabalho diário de devs (principalmente para os que atuam no front-end).

Por isso, listei algumas das extensões chrome para desenvolvedores que eu utilizo e recomendo!

1. ColorZilla

Sabe aquela cor muito legal que você viu em um site mas não tem ideia do hexadecimal ou o rgb dela? Pois é! Com essa extensão chrome para desenvolvedores isso é possível! No ColorZilla, com um simples hover no elemento que você deseja conhecer a cor, a extensão mostra o hexadecimal e o rgb e voilá!

A imagem mostra a ferramenta Colorzilla, uma das principais extensões chrome para desenvolvedores.

Então, curtiu a extensão? Para baixar é só clicar neste link.

2. CSS Viewer

Com o nome bem sugestivo, o CSS Viewer cumpre o que promete! Basta ativar a extensão do chrome para desenvolvedores e ver um css organizado e bem claro do elemento selecionado.

A imagem mostra a ferramenta CSS Viewer, uma das principais extensões chrome para desenvolvedores.

Dito isso, se você quiser baixar a extensão, vou deixar o link aqui.

3. JSON Viewer

Esta extensão chrome é um must have para qualquer desenvolvedor que utilize um JSON para integração. Você precisa ter! Porém, algumas vezes o JSON entregue é muito complexo e extenso, por isso, um formatador vai muito bem! Nessa extensão, você pode até adicionar temas de cores (para os adeptos).

A imagem mostra a ferramenta JSON Viewer, uma das principais extensões chrome para desenvolvedores.

Dessa forma, para baixar a extensão é só clicar aqui.

4. Lighthouse

O Lighthouse é uma das ferramentas mais incríveis se tratando de auditoria de sites. Com essa extensão chrome, é possível verificar a performance do site, acessibilidade, boas práticas, SEO e até o PWA! Tudo isso de forma simples.

A imagem mostra a ferramenta Lighthouse, uma das principais extensões chrome para desenvolvedores.

Ou seja, tudo de bom! Se você quiser baixar, o link está aqui.

5. Octotree

Navegar pelas pastas de repositórios no Github não é uma tarefa agradável! Isso porque é necessário um loading para cada clique e você ainda tem de adivinhar onde cada arquivo se encontra. Com a extensão Octotree, o processo fica extremamente mais agradável! Muito parecido com a navegação entre pastas em uma IDE ou um editor de textos!

A imagem mostra a ferramenta Octotree, uma das principais extensões chrome para desenvolvedores.

Massa né? Para baixar essa extensão chrome é só clicar aqui.

6. React Developer Tools

Essa extensão é uma ferramenta poderosa quanto ao debug de apps que utilizam ReactJS. Com React Developer Tools, é possível verificar desde componentes, suas props, seus hooks e até seus componentes children. Por isso, essa extensão é extremamente útil quando a aplicação toma proporções maiores.

A imagem mostra a ferramenta React Developer Tools, uma das principais extensões chrome para desenvolvedores.

O que achou dessa extensão? Se você curtiu, baixe através deste link.

7. Redux DevTools

Que atire a primeira pedra quem nunca ficou perdido nas actions e reducers! Utilizar a extensão Redux DevTools ajuda muito a se reencontrar! A extensão tem uma interface muito amigável, além de bem intuitiva. Assim, podemos ver as ações que foram disparadas e também podemos ver as mudanças nos nossos estados do redux.

A imagem mostra a ferramenta Redux, uma das principais extensões chrome para desenvolvedores.

Portanto, se você quiser baixar a extensão, é só clicar aqui.

8. What Font

Mais uma extensão chrome para desenvolvedores com nome bem sugestivo!

Curioso para saber aquela fonte linda nos sites por aí? E ainda levar junto toda a informação extra do CSS Viewer? É para isso que serve o What Font! Ele facilita o encontro de fontes em qualquer site que você quiser.

A imagem mostra a ferramenta Whatfont, uma das principais extensões chrome para desenvolvedores.

Então, para baixar a extensão chrome é só clicar neste link.

9. Window Resizer

Hoje em dia, a responsividade do site é algo primordial para qualquer empresa! Com certeza você quer que seu site ou app fique bonito e funcional em vários tamanhos de tela, não é mesmo? A extensão chrome Window Resizer ajuda justamente nesse ponto. Portanto, em um clique é possível modificar a resolução da sua tela facilmente.

A imagem mostra a ferramenta Window, uma das principais extensões chrome para desenvolvedores.

Dessa forma, vou deixar o link aqui para você baixar a extensão chrome, se quiser.

Extensões chrome para desenvolvedores podem facilitar o seu trabalho

Existe uma série de extensões chrome para desenvolvedores que facilita muito o dia a dia de nós profissionais. Seja front-end ou back-end, minha dica é que você experimente todas as opções. Com ferramentas simples, é possível agregar muito a sua produtividade diária. Basta experimentar!

Depois que você testar, me conta aqui quais foram as extensões chrome para desenvolvedores que você mais gostou!

Comment (1)

  1. Gabriel Marques

    Muito bom parabens ótimo conteúdo =)

    12 de abril de 2021 at 16:11
    |Reply

Leave your thought here

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *