17 sites e ferramentas úteis para desenvolvedores

Você desenvolve aplicações web e gostaria de conhecer alguns sites e ferramentas úteis para desenvolvedores? Pois saiba que existem muitos sites legais para aperfeiçoar os seus conhecimentos, afinal, nem só de códigos vive um desenvolvedor, não é mesmo?

Para criar uma aplicação web bacana, focada na experiência do usuário, é preciso usar a criatividade e alguns recursos extras. Além disso, um bom conjunto de ferramentas pode ajudar a aumentar a sua produtividade.

Por isso, fizemos uma lista com os principais sites e ferramentas que usamos. Você não precisa conhecer e usar todos de uma vez só, vá conhecendo aos poucos e faça uma lista com as que você mais gosta.

Sites e ferramentas úteis para desenvolvedores

Para criar um site ou uma loja virtual totalmente voltada à experiência do usuário, você precisa desenvolver um layout atraente, moderno e intuitivo. Para isso, necessita de criatividade, inspiração e algumas ferramentas para te ajudarem no processo.

Referências de outros sites bacanas, imagens, vídeos e ícones diferenciados, além de gradientes e combinações de cores fazem toda a diferença no processo de criação.

Nesta lista de sites e ferramentas úteis para desenvolvedores, você encontrará aquela inspiração que precisa para fazer um site incrível.

1. Freepik: banco de imagens gratuito mais conhecido da internet. No Freepik você encontra imagens, arquivos em PSD, vetores e ícones.

2. Unsplash: é um dos melhores bancos de imagens gratuito. Suas imagens tem um estilo diferenciado e você pode usá-las para fins comerciais ou não comerciais.

3. Flaticon: é um site focado em ícones. Ao realizar um cadastro, você pode selecionar o formato e alterar cores, transparência e tamanho do ícone antes de baixar.

4. Squoosh: é um aplicativo web do Google que serve para comprimir imagens com perda mínima de qualidade.

5. Coverr.co: é um banco de vídeos gratuito. O site é atualizado com novos vídeos semanalmente.

6. Uigradients: é um site para criar gradientes, onde além dos efeitos prontos, pode-se criar o seu próprio efeito com até quatro cores diferentes.

7. Picular: nada mais é do que o “Google das cores”. Você digita a cor que está buscando e a ferramenta irá listar algumas cores de referência com seu código hexadecimal (#).

8. Adobe Colors: é um aplicativo web que ajuda você a escolher combinações de cores harmoniosas e atraentes. Está integrado no Photoshop na forma de uma extensão que permite criar, salvar e acessar seus temas de cores.

9. Lambida test real time browser test: é uma ferramenta online usada para realizar testes interativos do seu site em ambientes web variados, como: navegadores, dispositivos e sistemas operacionais diferentes.

10. Loripsum.net: é um site que disponibiliza um texto padrão em latim utilizado para preencher os espaços de texto para testar e ajustar aspectos visuais (layout, tipografia, formatação, etc.) antes de utilizar conteúdo real.

11. Neumorphism: é um aplicativo web que ajuda você a criar elementos que são projetados por uma sombra, dando o ar de profundidade e definição de formas. Esse site gera alguns elementos de interface via CSS com o código já pronto. Como é via código, as imagens não são carregadas e por isso não gera lentidão.

12. Free-for.dev: é um agregador de ferramentas, API’s, material de educação, entre outros, em parte ou totalmente gratuitos para desenvolvedores.

13. Dribbble: é uma plataforma de autopromoção e networking para design gráfico, web design, ilustração, fotografia, e outras áreas criativas.

14. Fontpair: É um site que pega todas as fontes do Google Fonts e organiza em nove grandes categorias de estilos tipográficos, como serif + sans serif ou display + serif, entre outros. Essas combinações são realizadas com duas fontes: uma para o título (heading) e outra para os textos corridos (body).

15. Google.com/fonts: é um dos diretórios de fontes gratuitos mais importantes da web. É possível fazer download das fontes e trabalhar no seu computador ou incorporá-las ao seu site.

16. Trello: é uma ferramenta de organização que utiliza o método Kanban. Os quadros podem ser movidos assim que uma atividade é concluída, de maneira a manter uma sequência lógica de tarefas, visualizando as próximas etapas e o que ficou para trás em relação ao planejamento.

17. Github: é uma plataforma de hospedagem de código-fonte e arquivos com controle de versão usando o Git que permite que os usuários cadastrados na plataforma contribuam em projetos privados e/ou Open Source de qualquer lugar do mundo.

Existem muitos outros sites e ferramentas úteis para desenvolvedores que ajudam você a desenvolver aplicações web atraentes e que oferecem uma ótima experiência ao usuário. Por isso, continuaremos atualizando esta lista sempre que testarmos uma nova ferramenta.

Você conhece outras ferramentas úteis para desenvolvedores? Quais você considera indispensáveis quando se trata de desenvolvimento web? Deixe nos comentários e compartilhe seu conhecimento conosco.