Sites que todo programador deveria saber!

#HTML
#JavaScript
#Java

Aqui neste artigo, abordo alguns sites que pode ajudar na sua jornada de programação, como ferramentas úteis ou material para estudo!

SITES PARA DESENVOLVEDOR FRONT-END:

https://textpod3d.web.app (Cria efeitos de texto 3D)

https://shapedividers.com (Gera divisores de formas verticais, responsivos, e animados facilmente com este gerador de divisores de formas SVG)

https://couleur.io (Um ferramenta de cores simples para ajudá-lo a encontrar uma boa paleta de cores para seu projeto da web)

https://bseline.is/tools/css-photo-filters/ (36 Belos filtros de fotos, com edição simples e CSS para copiar)

https://uideck.com (Modelo de página de destino HTML gratuitos e premium, temas de bootstrap, modelos de React, modelos de Tailwind, modelos de site HTML, e kits de interface de usúario)

https://naevner.com (Descrição de cores em linguagem natural, gerador de códigos em cores hexadecimais)

SITES PARA APRENDER A PROGRAMAR JOGANDO:

Code Combat: https://br.codecombat.com/

CheckiO: checkio.org

Codewars: codewars.com

Schemaverse: schemaverse.com

Code Monkey: codemonkey.com

CodinGame: codingame.com

TEMPLATES HTML GRATUITOS:

https://bootsstrapmade.com

https://w3layouts.com

https://onepagelove.com

SITES PARA APRENDER OU TREINAR CSS:

https://cssgridgarden.com

https://flukeout.github.io

https://flexboxfroggy.com

https://flexboxdefense.com

https://100dayscss.com

https://cssbatle.dev

https://css-tricks.com/guides/

https://csshell.dev/ (Coleção de erros comuns de CSS e como corrigi-los)

GERADORES DE CSS:

https://neumorphism.io

https://9elements.github.io/fancy-border-radius

https://waitanimate.wstone.io

https://www.bestcssbuttongenerator.com

https://html-css-js.com/css/generator/

SITE PARA BUSCAR VAGAS REMOTAS:

https://remoteok.io

https://hired.com

https://bergamot.io

https://justremote.co

https://workingnomads.co

ÓTIMOS SITES PARA DESENVOLVEDORES:

https://internxt.com/

https://motion.dev/

https://hokusai.app/

https://url-shortene-r.herokuapp.com/

https://hiddentools.dev

https://devhints.io

https://caiuse.com

https://bundlephobia.com

FERRAMENTAS PARA DEV WEB:

https://www.minimamente.com/project/magic/

https://jonsuh.com/hamburgers/

https://ianlunn.github.io/Hover/

MELHORES DISTROS LINUX PARA PROGRAMADORES:

Pop!_Os

Arch Linux

Debian

Ubuntu

Fedora

Linux Mint

BIBLIOTECAS JAVASCRIPT:

ApexCharts: https://apexcharts.com/

Particles.js: https://vincentgarreau.com/particles.js/

ScrollMagic: https://scrollmagic.io/

7 FERRAMENTAS PARA QUE TODO DEV PRECISA CONHECER:

Figma: ferramenta para design de interfaces.

Insomnia: é um API Client, uma ferramenta para fazer testes de API's.

Rive: ferramenta colaborativa de animação para apps, jogos e sites.

CloudCraft: plataforma com foco em criar desenhos de arquiteturas AWS.

BundlePhobia: site para descobrir o custo de adicionar um npm package no seu pacote.

Font Flipper: Tinder das fontes, basta apertar X caso não goste e se você gostar, adicione aos favoritos já com o nome da fonte e faça o download pelo Google fonts.

VisBug: é uma extensão de Chrome, criada pelo google, ferramenta de design que te permite mudar o layout das páginas da web desde o estilo de fontes até a posição dos elementos.