- W3Schools THE WORLD'S LARGEST WEB DEVELOPER SITE
- CSS Tricks: Enciclopédia CSS (em inglês)
- OOCSS, SMACSS, BEM, DRY CSS: afinal, como escrever CSS?
- Organize seu CSS com SMACSS, BEM e SASS
- A Complete Guide to Flexbox - CSS TRICKS
- A Complete Guide to Grid - CSS TRICKS
- Specificity Calculator
- Reset CSS
- CSS Minifier: comprime CSS
- Animate CSS: animações em CSS com exemplo e código (em inglês)
- Flexbox PlayGround
- Learn CSS Grid
Cores
- Paletton: Paleta de cores CSS
Games
- FlexBox Froggy (flexbox): Game para aprender flexbox
- Grid Garden (grid)
- CSS Dinner (seletores)
Ícones e fontes
-
Fonts Awesome: uma espécie de acervo de ícones. Funciona mais ou menos como o Boostrap, adiciona-se um link de referência (do mesmo jeito que o Google Fonts) em '' e no corpo da página HTML, pode-se adicionar o ícone desejado. Exemplo:
-
1º link
<head> <link href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" rel="stylesheet"> </head>
-
2º escolha o ícone
-
3º copie o código do ícone escolhido:
<i class="fas fa-code-branch"></i>
-
3º insira no seu HTML
<h1>Branch</h1> <i class="fas fa-code-branch"></i>
-