Cours CSS

Des fiches présentant les concepts, des exemples, des quizzs, des jeux, des anecdotes et peut-être même des défis ?

Les fondamentaux

1. Les sélecteurs
2. Le box model
3. La cascade
4. La spécificité
5. Les Media query
6. Les pseudo-éléments
7. Les transitions et animations

Les Modèles d'Affichage

1. Block, inline, et inline-block
2. Float
3. Positions
4. Flexbox
5. Grid

Les Techniques

1. Box-sizing
2. Container
3. Clearfix
4. Media object
5. Space even
6. Spread
7. Fab Four
8. Flex-grow 9999
9. Quantity Queries (http://lea.verou.me/2011/01/styling-children-based-on-their-number-with-css3/)
10. Full Bleed (https://andy-bell.design/wrote/creating-a-full-bleed-css-utility/ or https://css-tricks.com/full-width-containers-limited-width-parents/)
11. Aspect ratio (https://andy-bell.design/wrote/creating-an-aspect-ratio-css-utility/)
12. Fade out siblings (https://www.trysmudford.com/blog/fade-out-siblings-css-trick/)
13. The switcher (https://every-layout.dev/layouts/switcher/)

Les Méthodologies

1. OOCSS
2. BEM
3. Utility classes