DEV Community

Cover image for Mais 5 sites úteis para devs FRONT-END
Lucas André
Lucas André

Posted on

Mais 5 sites úteis para devs FRONT-END

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


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 e voilà. 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!

Discussion (0)