Techniques CSS modernes
Les outils
Mozilla Developer
Les outils
Reset CSS Moderne (par Andy Bell)
https://hankchizljaw.com/wrote/a-modern-css-reset/
+ quelques modifications personnelles
Premier projet
En 40 lignes de CSS
Premier projet
Notions abordées
- CSS Grid
- Flexbox
- Custom properties (variables CSS)
Second projet
Second projet
Notions abordées
- CSS Grid
- Custom properties
- Variable Fonts
- Multi-columns module
- Object fit
Ressources
Flexbox
- Découverte : https://flexboxfroggy.com/#fr
- Tuto complet : https://css-tricks.com/snippets/css/a-guide-to-flexbox/
- En vidéo : https://flexbox.io/
CSS Grid
- Découverte : https://cssgridgarden.com/#fr
- Les bases : https://www.youtube.com/watch?v=KOvGeFUHAC0
- Tuto complet : https://gridbyexample.com/learn/
- En vidéo : https://cssgrid.io/
Ressources
Ressources
Des questions ?
Techniques CSS modernes
By Benoist Lawniczak
Techniques CSS modernes
AFUP Tours - 23/01/2020
- 743