Sommaire - css

Total: 88 chapitres

Vue globale

• Introduction (2)
• Fondations du Rendu et Modèle de Boîte (11)
• Systèmes de Mise en Page Avancés (11)
• Gestion des États et Interactivité (9)
• Styles, Theming et Design Tokens (12)
• Stylisation des Formulaires et Routing (10)
• Accessibilité (a11y) et Internationalisation (i18n) (12)
• Outillage et Écosystème CSS (11)
• Qualité, Performance et Tests visuels (10)

Détail par pilier

Introduction

• 01 - Introduction à css - Junior
• 02 - Installation et premier projet css - Junior

Fondations du Rendu et Modèle de Boîte

• 03 - Les unités en CSS (em, rem, vh, vw, ...) - Junior
• 04 - Le flux normal et la propriété display - Junior
• 05 - Anatomie du Box Model : margin, border, padding et content - Junior
• 06 - Arbitrage : box-sizing content-box vs border-box - Junior
• 23 - La gestion des dépassements avec overflow - Intermédiaire
• 24 - Positionnement relatif et absolu - Intermédiaire
• 25 - Le positionnement fixe et sticky - Intermédiaire
• 58 - Maîtrise du Stacking Context et z-index - Senior
• 59 - Le comportement des marges : collapse et isolation - Senior
• 79 - Le contexte de formatage de bloc (BFC) - Expert
• 80 - Optimisation du rendu : contain et content-visibility - Expert

Systèmes de Mise en Page Avancés

• 07 - Fondamentaux du modèle Flexbox : Axes et Alignements - Junior
• 08 - Gestion de la croissance et du rétrécissement des items Flex - Junior
• 09 - Introduction à la grille CSS : Définition des colonnes et lignes - Junior
• 26 - Placement explicite dans la grille CSS - Intermédiaire
• 27 - Gestion automatique du flux et des zones nommées - Intermédiaire
• 28 - Alignement et espacement avancé dans Grid et Flexbox - Intermédiaire
• 29 - Arbitrage : Quand choisir Flexbox ou CSS Grid ? - Intermédiaire
• 60 - Responsive design fluide avec minmax() et repeat() - Senior
• 61 - Superposition et gestion des couches avec z-index et Grid - Senior
• 81 - Techniques de sous-grille (Subgrid) pour l'alignement imbriqué - Expert
• 82 - Optimisation des performances de rendu des layouts complexes - Expert

Gestion des États et Interactivité

• 10 - Introduction aux pseudo-classes d'état utilisateur - Junior
• 11 - Gestion des états de formulaire avec :checked et :disabled - Junior
• 30 - Gestion unifiée du focus et accessibilité : focus-within et focus-visible - Intermédiaire
• 31 - Le sélecteur :has() : le chaînon manquant pour le style conditionnel - Intermédiaire
• 32 - Variables CSS pour la gestion dynamique des thèmes - Intermédiaire
• 62 - Création de composants interactifs sans JavaScript : le pattern checkbox hack - Senior
• 63 - Arbitrage : CSS natif vs JavaScript pour la gestion d'état - Senior
• 64 - Pseudo-classes de structure et d'état : :target et :empty - Senior
• 83 - Architecture d'états complexes avec les variables CSS et calc() - Expert

Styles, Theming et Design Tokens

• 12 - Fondamentaux des Custom Properties (Variables CSS) - Junior
• 13 - Portée et scoping des variables CSS - Junior
• 33 - Gestion des thèmes via les Media Queries - Intermédiaire
• 34 - Gestion avancée des thèmes avec les Container Queries - Intermédiaire
• 35 - Architecture des couches avec @layer - Intermédiaire
• 36 - Design Tokens : structuration et nomenclature - Intermédiaire
• 37 - Arbitrage : Variables CSS natives vs Préprocesseurs - Intermédiaire
• 38 - Manipulation dynamique avec calc() et les variables - Intermédiaire
• 65 - Utilisation de @property pour le typage des variables - Senior
• 66 - Arbitrage : Architecture de thèmes (Data-attributes vs Classes) - Senior
• 84 - Optimisation des performances de la cascade - Expert
• 85 - Interpolation et animations de variables CSS - Expert

Stylisation des Formulaires et Routing

• 14 - Stylisation des inputs textuels et zones de texte - Junior
• 15 - Gestion des états interactifs : focus, hover et active - Junior
• 39 - Validation en temps réel avec :valid et :invalid - Intermédiaire
• 40 - Personnalisation des éléments natifs : checkbox et radio - Intermédiaire
• 41 - Stylisation avancée des menus déroulants avec :checked - Intermédiaire
• 42 - Arbitrage : Styling natif vs remplacement par des composants customisés - Intermédiaire
• 67 - Ciblage des ancres et navigation interne avec :target - Senior
• 68 - Gestion des états de formulaire avec :placeholder-shown et :disabled - Senior
• 69 - Architecture CSS pour les formulaires complexes - Senior
• 86 - Accessibilité et focus management avancé - Expert

Accessibilité (a11y) et Internationalisation (i18n)

• 16 - Fondamentaux des propriétés logiques : inline-size et block-size - Junior
• 17 - Gestion des marges et paddings logiques : margin-inline et padding-block - Junior
• 18 - Accessibilité des contrastes et Media Query prefers-contrast - Junior
• 19 - Réduction des mouvements avec prefers-reduced-motion - Junior
• 43 - Support du mode d'écriture avec la propriété writing-mode - Intermédiaire
• 44 - Gestion de la directionnalité avec la propriété direction et la pseudo-classe :dir() - Intermédiaire
• 45 - Arbitrage : Propriétés physiques vs Propriétés logiques - Intermédiaire
• 46 - Indicateurs visuels d'accessibilité avec la propriété outline - Intermédiaire
• 70 - Stratégies Avancées pour l'Internationalisation (i18n) - Senior
• 71 - Gestion du RTL via classes CSS vs sélecteurs logiques - Senior
• 72 - Accessibilité des contenus masqués avec clip-path et sr-only - Senior
• 87 - Gestion des polices système et accessibilité avec font-size-adjust - Expert

Outillage et Écosystème CSS

• 20 - Introduction aux préprocesseurs CSS - Junior
• 21 - Variables et mixins : automatisation de la maintenance - Junior
• 51 - PostCSS : transformer le CSS avec des plugins - Intermédiaire
• 52 - Autoprefixer et compatibilité navigateur - Intermédiaire
• 53 - CSS Modules : isolation et portée locale - Intermédiaire
• 54 - Arbitrage : Sass vs PostCSS vs CSS natif - Senior
• 55 - Stratégies Avancées d'Optimisation du Rendu - Senior
• 56 - Linting et standardisation avec Stylelint - Senior
• 57 - Stratégies de découpage et importations CSS - Senior
• 77 - CSS-in-JS : enjeux et intégration - Expert
• 78 - Développement de plugins PostCSS personnalisés - Expert

Qualité, Performance et Tests visuels

• 22 - Optimisation des performances de chargement avec @import vs link - Junior
• 47 - Stratégie de chargement du CSS critique - Intermédiaire
• 48 - Analyse du code mort avec PurgeCSS - Intermédiaire
• 49 - Tests de régression visuelle : principes et outils - Intermédiaire
• 50 - Utilisation de l'API CSS.supports pour le chargement conditionnel - Intermédiaire
• 73 - Arbitrage : CSS critique inlined vs chargement asynchrone - Senior
• 74 - Mesure de la complexité des sélecteurs et impact sur le reflow - Senior
• 75 - Arbitrage : Tests visuels automatisés vs tests unitaires de styles - Senior
• 76 - Gestion de la dette technique CSS : audit et refactorisation - Senior
• 88 - Tests de performance CSS avec l'API PerformanceObserver - Expert

Tableau

Ordre	Titre	Pilier	Difficulté	Fichier
1	Introduction à css	Introduction	Junior	Chapitre_01.md
2	Installation et premier projet css	Introduction	Junior	Chapitre_02.md
3	Les unités en CSS (em, rem, vh, vw, ...)	Fondations du Rendu et Modèle de Boîte	Junior	Chapitre_03.md
4	Le flux normal et la propriété display	Fondations du Rendu et Modèle de Boîte	Junior	Chapitre_04.md
5	Anatomie du Box Model : margin, border, padding et content	Fondations du Rendu et Modèle de Boîte	Junior	Chapitre_05.md
6	Arbitrage : box-sizing content-box vs border-box	Fondations du Rendu et Modèle de Boîte	Junior	Chapitre_06.md
23	La gestion des dépassements avec overflow	Fondations du Rendu et Modèle de Boîte	Intermédiaire	Chapitre_23.md
24	Positionnement relatif et absolu	Fondations du Rendu et Modèle de Boîte	Intermédiaire	Chapitre_24.md
25	Le positionnement fixe et sticky	Fondations du Rendu et Modèle de Boîte	Intermédiaire	Chapitre_25.md
58	Maîtrise du Stacking Context et z-index	Fondations du Rendu et Modèle de Boîte	Senior	Chapitre_58.md
59	Le comportement des marges : collapse et isolation	Fondations du Rendu et Modèle de Boîte	Senior	Chapitre_59.md
79	Le contexte de formatage de bloc (BFC)	Fondations du Rendu et Modèle de Boîte	Expert	Chapitre_79.md
80	Optimisation du rendu : contain et content-visibility	Fondations du Rendu et Modèle de Boîte	Expert	Chapitre_80.md
7	Fondamentaux du modèle Flexbox : Axes et Alignements	Systèmes de Mise en Page Avancés	Junior	Chapitre_07.md
8	Gestion de la croissance et du rétrécissement des items Flex	Systèmes de Mise en Page Avancés	Junior	Chapitre_08.md
9	Introduction à la grille CSS : Définition des colonnes et lignes	Systèmes de Mise en Page Avancés	Junior	Chapitre_09.md
26	Placement explicite dans la grille CSS	Systèmes de Mise en Page Avancés	Intermédiaire	Chapitre_26.md
27	Gestion automatique du flux et des zones nommées	Systèmes de Mise en Page Avancés	Intermédiaire	Chapitre_27.md
28	Alignement et espacement avancé dans Grid et Flexbox	Systèmes de Mise en Page Avancés	Intermédiaire	Chapitre_28.md
29	Arbitrage : Quand choisir Flexbox ou CSS Grid ?	Systèmes de Mise en Page Avancés	Intermédiaire	Chapitre_29.md
60	Responsive design fluide avec minmax() et repeat()	Systèmes de Mise en Page Avancés	Senior	Chapitre_60.md
61	Superposition et gestion des couches avec z-index et Grid	Systèmes de Mise en Page Avancés	Senior	Chapitre_61.md
81	Techniques de sous-grille (Subgrid) pour l'alignement imbriqué	Systèmes de Mise en Page Avancés	Expert	Chapitre_81.md
82	Optimisation des performances de rendu des layouts complexes	Systèmes de Mise en Page Avancés	Expert	Chapitre_82.md
10	Introduction aux pseudo-classes d'état utilisateur	Gestion des États et Interactivité	Junior	Chapitre_10.md
11	Gestion des états de formulaire avec :checked et :disabled	Gestion des États et Interactivité	Junior	Chapitre_11.md
30	Gestion unifiée du focus et accessibilité : focus-within et focus-visible	Gestion des États et Interactivité	Intermédiaire	Chapitre_30.md
31	Le sélecteur :has() : le chaînon manquant pour le style conditionnel	Gestion des États et Interactivité	Intermédiaire	Chapitre_31.md
32	Variables CSS pour la gestion dynamique des thèmes	Gestion des États et Interactivité	Intermédiaire	Chapitre_32.md
62	Création de composants interactifs sans JavaScript : le pattern checkbox hack	Gestion des États et Interactivité	Senior	Chapitre_62.md
63	Arbitrage : CSS natif vs JavaScript pour la gestion d'état	Gestion des États et Interactivité	Senior	Chapitre_63.md
64	Pseudo-classes de structure et d'état : :target et :empty	Gestion des États et Interactivité	Senior	Chapitre_64.md
83	Architecture d'états complexes avec les variables CSS et calc()	Gestion des États et Interactivité	Expert	Chapitre_83.md
12	Fondamentaux des Custom Properties (Variables CSS)	Styles, Theming et Design Tokens	Junior	Chapitre_12.md
13	Portée et scoping des variables CSS	Styles, Theming et Design Tokens	Junior	Chapitre_13.md
33	Gestion des thèmes via les Media Queries	Styles, Theming et Design Tokens	Intermédiaire	Chapitre_33.md
34	Gestion avancée des thèmes avec les Container Queries	Styles, Theming et Design Tokens	Intermédiaire	Chapitre_34.md
35	Architecture des couches avec @layer	Styles, Theming et Design Tokens	Intermédiaire	Chapitre_35.md
36	Design Tokens : structuration et nomenclature	Styles, Theming et Design Tokens	Intermédiaire	Chapitre_36.md
37	Arbitrage : Variables CSS natives vs Préprocesseurs	Styles, Theming et Design Tokens	Intermédiaire	Chapitre_37.md
38	Manipulation dynamique avec calc() et les variables	Styles, Theming et Design Tokens	Intermédiaire	Chapitre_38.md
65	Utilisation de @property pour le typage des variables	Styles, Theming et Design Tokens	Senior	Chapitre_65.md
66	Arbitrage : Architecture de thèmes (Data-attributes vs Classes)	Styles, Theming et Design Tokens	Senior	Chapitre_66.md
84	Optimisation des performances de la cascade	Styles, Theming et Design Tokens	Expert	Chapitre_84.md
85	Interpolation et animations de variables CSS	Styles, Theming et Design Tokens	Expert	Chapitre_85.md
14	Stylisation des inputs textuels et zones de texte	Stylisation des Formulaires et Routing	Junior	Chapitre_14.md
15	Gestion des états interactifs : focus, hover et active	Stylisation des Formulaires et Routing	Junior	Chapitre_15.md
39	Validation en temps réel avec :valid et :invalid	Stylisation des Formulaires et Routing	Intermédiaire	Chapitre_39.md
40	Personnalisation des éléments natifs : checkbox et radio	Stylisation des Formulaires et Routing	Intermédiaire	Chapitre_40.md
41	Stylisation avancée des menus déroulants avec :checked	Stylisation des Formulaires et Routing	Intermédiaire	Chapitre_41.md
42	Arbitrage : Styling natif vs remplacement par des composants customisés	Stylisation des Formulaires et Routing	Intermédiaire	Chapitre_42.md
67	Ciblage des ancres et navigation interne avec :target	Stylisation des Formulaires et Routing	Senior	Chapitre_67.md
68	Gestion des états de formulaire avec :placeholder-shown et :disabled	Stylisation des Formulaires et Routing	Senior	Chapitre_68.md
69	Architecture CSS pour les formulaires complexes	Stylisation des Formulaires et Routing	Senior	Chapitre_69.md
86	Accessibilité et focus management avancé	Stylisation des Formulaires et Routing	Expert	Chapitre_86.md
16	Fondamentaux des propriétés logiques : inline-size et block-size	Accessibilité (a11y) et Internationalisation (i18n)	Junior	Chapitre_16.md
17	Gestion des marges et paddings logiques : margin-inline et padding-block	Accessibilité (a11y) et Internationalisation (i18n)	Junior	Chapitre_17.md
18	Accessibilité des contrastes et Media Query prefers-contrast	Accessibilité (a11y) et Internationalisation (i18n)	Junior	Chapitre_18.md
19	Réduction des mouvements avec prefers-reduced-motion	Accessibilité (a11y) et Internationalisation (i18n)	Junior	Chapitre_19.md
43	Support du mode d'écriture avec la propriété writing-mode	Accessibilité (a11y) et Internationalisation (i18n)	Intermédiaire	Chapitre_43.md
44	Gestion de la directionnalité avec la propriété direction et la pseudo-classe :dir()	Accessibilité (a11y) et Internationalisation (i18n)	Intermédiaire	Chapitre_44.md
45	Arbitrage : Propriétés physiques vs Propriétés logiques	Accessibilité (a11y) et Internationalisation (i18n)	Intermédiaire	Chapitre_45.md
46	Indicateurs visuels d'accessibilité avec la propriété outline	Accessibilité (a11y) et Internationalisation (i18n)	Intermédiaire	Chapitre_46.md
70	Gestion de la césure et de la typographie avec hyphens et word-break	Accessibilité (a11y) et Internationalisation (i18n)	Senior	Chapitre_70.md
71	Arbitrage : Gestion du RTL via classes CSS vs sélecteurs logiques	Accessibilité (a11y) et Internationalisation (i18n)	Senior	Chapitre_71.md
72	Accessibilité des contenus masqués avec clip-path et sr-only	Accessibilité (a11y) et Internationalisation (i18n)	Senior	Chapitre_72.md
87	Gestion des polices système et accessibilité avec font-size-adjust	Accessibilité (a11y) et Internationalisation (i18n)	Expert	Chapitre_87.md
20	Introduction aux préprocesseurs CSS	Outillage et Écosystème CSS	Junior	Chapitre_20.md
21	Variables et mixins : automatisation de la maintenance	Outillage et Écosystème CSS	Junior	Chapitre_21.md
51	PostCSS : transformer le CSS avec des plugins	Outillage et Écosystème CSS	Intermédiaire	Chapitre_51.md
52	Autoprefixer et compatibilité navigateur	Outillage et Écosystème CSS	Intermédiaire	Chapitre_52.md
53	CSS Modules : isolation et portée locale	Outillage et Écosystème CSS	Intermédiaire	Chapitre_53.md
54	Arbitrage : Sass vs PostCSS vs CSS natif	Outillage et Écosystème CSS	Senior	Chapitre_54.md
55	Optimisation et minification du CSS en production	Outillage et Écosystème CSS	Senior	Chapitre_55.md
56	Linting et standardisation avec Stylelint	Outillage et Écosystème CSS	Senior	Chapitre_56.md
57	Stratégies de découpage et importations CSS	Outillage et Écosystème CSS	Senior	Chapitre_57.md
77	CSS-in-JS : enjeux et intégration	Outillage et Écosystème CSS	Expert	Chapitre_77.md
78	Développement de plugins PostCSS personnalisés	Outillage et Écosystème CSS	Expert	Chapitre_78.md
22	Optimisation des performances de chargement avec @import vs link	Qualité, Performance et Tests visuels	Junior	Chapitre_22.md
47	Stratégie de chargement du CSS critique	Qualité, Performance et Tests visuels	Intermédiaire	Chapitre_47.md
48	Analyse du code mort avec PurgeCSS	Qualité, Performance et Tests visuels	Intermédiaire	Chapitre_48.md
49	Tests de régression visuelle : principes et outils	Qualité, Performance et Tests visuels	Intermédiaire	Chapitre_49.md
50	Utilisation de l'API CSS.supports pour le chargement conditionnel	Qualité, Performance et Tests visuels	Intermédiaire	Chapitre_50.md
73	Arbitrage : CSS critique inlined vs chargement asynchrone	Qualité, Performance et Tests visuels	Senior	Chapitre_73.md
74	Mesure de la complexité des sélecteurs et impact sur le reflow	Qualité, Performance et Tests visuels	Senior	Chapitre_74.md
75	Arbitrage : Tests visuels automatisés vs tests unitaires de styles	Qualité, Performance et Tests visuels	Senior	Chapitre_75.md
76	Gestion de la dette technique CSS : audit et refactorisation	Qualité, Performance et Tests visuels	Senior	Chapitre_76.md
88	Tests de performance CSS avec l'API PerformanceObserver	Qualité, Performance et Tests visuels	Expert	Chapitre_88.md