Pendant 30 jours, j'explore et approfondir les concepts de CSS en réalisant des mini-projets et en partageant mes progrès au quotidien.
| Jour | Sujet/Projet | Short YouTube | Tweet |
|---|---|---|---|
| 1 | Introduction à CSS | Voir sur YouTube | Voir le Tweet |
| 2 | Couleurs et unités | Voir sur YouTube | Voir le Tweet |
| 3 | Sélecteurs CSS | Voir sur YouTube | Voir le Tweet |
| 4 | Modèle de boîte (Box Model) | Voir sur YouTube | Voir le Tweet |
| 5 | Propriétés de dimensionnement | Voir sur YouTube | Voir le Tweet |
| 6 | Mini projet (carte de profil stylisée) | Voir sur YouTube | Voir le Tweet |
| 7 | Mini projet (Une galerie d'image simple) | Voir sur YouTube | Voir le Tweet |
| 8 | Positionnement CSS | Voir sur YouTube | Voir le Tweet |
| 9 | Flexbox (Introduction) | Voir sur YouTube | Voir le Tweet |
| 10 | Flexbox (Avancé) | Voir sur YouTube | Voir le Tweet |
| 11 | Grille CSS (Introduction) | Voir sur YouTube | Voir le Tweet |
| 12 | Grille CSS (Avancé) | Voir sur YouTube | Voir le Tweet |
| 13 | Mini projet (Mise en page avec Flexbox) | Voir sur YouTube | Voir le Tweet |
| 14 | Mini projet (Mise en page avec les Grilles CSS ) | Voir sur YouTube | Voir le Tweet |
| 15 | Typographie | Voir sur YouTube | Voir le Tweet |
| 16 | Arrière-plans | Voir sur YouTube | Voir le Tweet |
| 17 | Transitions en CSS | Voir sur YouTube | Voir le Tweet |
| 18 | Transformations CSS | Voir sur YouTube | Voir le Tweet |
| 19 | Animations CSS | Voir sur YouTube | Voir le Tweet |
| 20 | Mini projet (Page accueil d'un portfolio) | Voir sur YouTube | Voir le Tweet |
CSS est essentiel pour le design web. Ce défi est l’occasion pour moi de maîtriser ses capacités, des bases aux concepts avancés comme les animations, flexbox, grid, et bien plus encore.
- YouTube : Abonnez-vous à ma chaîne
- Twitter : Suivez-moi sur Twitter
- Visual Studio Code pour les projets
- Ressources : MDN Web Docs, CSS Tricks
- PDF : CSSForProfessionals