7

Mais 5 sites úteis para devs FRONTEND

#HTML #JavaScript #CSS
Lucas André
Lucas André

Olá, aqui vão 5 ferramentas ótimas para aumentar sua produtividade! 😉

Clique nos títulos para ir aos sites.


Codepen

Se você programa com html, css e Javascript, esse site será muito útil.

Basta abrir o editor online e programar. Não precisa nem linkar seus arquivos .css e .js no html, o Codepen faz isso para você! O melhor de tudo, tem um preview ao vivo do resultado do seu código.

Você também pode navegar pelos projetos de outras pessoas e ver code snippets!


Repl.it

Simplesmente sensacional! Com o Repl.it, você tem mais de 50 linguagens de programação disponíveis, tudo no navegador. Pode também integrar ele à sua conta do Github, para fazer deploy e observar as alterações passadas no código.


Gitpod

O Gitpod é um ambiente de desenvolvimento com o VS Code online, que pode ser executado diretamente pelo seu navegador. Sem complicações, em segundos você cria um ambiente totalmente funcional, com integração ao seu Github ou Gitlab. Você também pode baixar a extensão de navegador, que facilita ainda mais sua vida.

Uma grande contribuição para os softwares open source.


Canva

Esse aqui é um queridinho meu. Serve para criar e editar imagens, pricipalmente para marketing, ponto muito importante para nós web designers. Conta com centenas de templates prontos para serem editados, o que vai te poupar tempo na hora de criar uma imagem de divulgação do seu novo projeto, melhorar seu marketing pessoal e até mesmo na hora de criar uma imagem de capa para alguma coisa, assim como eu fiz para esse artigo!


Font Awesome

Praticamente todos conhecem o Font Awesome, mas para os que não sabem, é recurso de ícones extremamente fácil de usar nos seus sites, você copia um link para dentro do seu html e pronto, tem acesso à uma infinidade de ícones para usar! Basta utilizar o identificador do ícone desejado no elemento que você quer. Também é possível mudar a cor, rotacionar, aumentar ou diminuir os ícones... tudo isso sem perder qualidade, pois são vetores.


Se você gostou, me siga no github!

6
114

Comentários (6)

0
Renan Ferreira

Renan Ferreira

22/03/2021 18:14

Parabéns Lucas, ficou demais seu artigo. As informações foram bastante uteis.

0
Ismar Gama

Ismar Gama

17/03/2021 12:24

Obrigado pelas dicas André! Irão me ajudar bastante!

0
Lucas André

Lucas André

16/03/2021 22:24

Valeu você, Eros!

0
⚡Eros Lima

⚡Eros Lima

16/03/2021 16:41

Só conheci recentemente o codepen, vlw pelas dicas, top!

0
Lucas André

Lucas André

16/03/2021 16:32

Valeu, Jonathas!

0
J

Jonathas Araujo

16/03/2021 15:18

Muito legal man, obrigado pelas informações.

Conhecia só o canva ai da lista.

Curto fazer coisas iradas nos compiuters. Segue aí: https://github.com/lucas-andre

Brasil