10 sites ÚTEIS para DEVS FRONT-END e DESIGNERS da web

Опубликовано: 14 Январь 2023
на канале: Serliv

4,864

574

#tools #webdev #webdesign #online #frontend

Apresento 10 categorias de ferramentas online para ajudar no desenvolvimento de nossas páginas na web, seja para nossos sites ou aplicativos na internet.

Vou mostrar apps para te ajudar a escrever gradientes, te ajudar a criar animações com css, sombras, clip-path, banco de imagens, ícones, esquema de cor, fontes, enfim, algumas ferramentas muito uteis que podemos usar no nosso dia a dia.

1 . CSS Gradient
https://cssgradient.io/

2 . Animação com CSS
Animista - https://animista.net/
theappguruz - https://www.theappguruz.com/tag-tools...
cubic-bezier - https://cubic-bezier.com/

3 . Shadow Generator
https://shadows.brumm.af

4 . clip-path Generator
https://bennettfeely.com/clippy/

5 . FANCY-BORDER-RADIUS
https://9elements.github.io/fancy-bor...

6 . scroll bar generator
https://www.cssportal.com/css-scrollb...

7 . Color Scheme
http://colormind.io/

8 . Bancos de imagens Grátis
https://unsplash.com/
https://pixabay.com/pt/
https://www.pexels.com/pt-br/
https://picsum.photos/

9 . ícones Grátis
icomoon - https://icomoon.io/
font-awesome - https://fontawesome.com/

10 . fontes Grátis
font squirrel - https://www.fontsquirrel.com/
Google fonts - https://fonts.google.com/

00:00 Introdução
01:23 Gerador de gradiente CSS
03:00 Ferramentas para animações CSS
08:37 Shadow Generator CSS
10:15 clip-path Generator CSS
12:34 Fancy Border CSS
13:46 scroll bar generator CSS
15:45 Color Scheme
17:20 Banco de imagens Grátis
20:51 ícones Grátis
22:21 fontes Grátis