4

5 sites úteis para devs FRONT-END

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

Olá, aqui vão 5 sites úteis para você utilizar em seus projetos de front-end.

Clique nos títulos para ir aos sites.


Css Grid Generator.

Esse site te permite vizualizar o layout da sua grid e modificá-lo, gerando html e css fáceis de usar no final.

Grid é basicamente uma malha invisível, usada para alinhar e estruturar elementos ou seções da sua webpage.


Paletton.

Com esse site você nunca mais vai precisar se preocupar se as cores do seu site combinam. Ele de mostra as paletas adequadas para cada cor, com os tons corretos e também cria paletas de multiplas cores.

Excelente.


Glassmorphism.

Dê o efeito de vidro transparente ou fosco para os elementos da sua página em segundos! O efeito é baseado em desfoque de fundo com transparência e usa camadas empilhadas para mostrar a profundidade e o contexto da interface.


Shortcurts.

Esse site é um tesouro! Contém basicamente todos os atalhos de dezenas de ferramentas que você usará como dev frontend, que envolve muito design.


Google Fonts.

Vamos fechar com um clássico, que os novatos ainda não conhecem.

Aqui você encontra as mais variadas fontes para utilizar no texto do seu site, basta selecionar a fonte que você gostar, colar o link dela no seu html e utilizar em seu css. Prontinho, linda tipografia em seu site.


Se gostou, me siga no github!

4
108

Comentários (4)

0
Lucas André

Lucas André

16/03/2021 16:35

Que isso, Fábio, eu que agradeço por ler e buscar conhecimento.

0
Lucas André

Lucas André

16/03/2021 16:34

Tailwind é sensacional, Cauã! Valeu.

0
Fábio Oliveira

Fábio Oliveira

16/03/2021 10:48

Muito legal obrigado pelo compartilhamento de seu conhecimento.

0
Cauã Santos

Cauã Santos

16/03/2021 00:11

Seguindo. Interessante o Glassmorphism. Não trabalho no frontend, mas acho muito legal soluções práticas de estilização. Visual conta muito.


Estou fuçando o Next.js e vejo o pessoal usando em conjunto o Tailwind (vamos dizer que semelhante ao Bootstrap).


Esses duas páginas ajudam bastante pra quem quer ter algum esboço.


https://tailwindcomponents.com/


https://tailblocks.cc/

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

Brasil