Compagnon de code
CSS : l'essentiel, avec style !
Leçons :
Découverte & Sélecteurs
18:11
Styliser les textes
18:47
Comprendre les couleurs
14:11
Les backgrounds Color
10:49
Les modèles de boîtes
25:10
Notion de Clamp, le min et le max
09:12
Arrondis et Hover
14:57
Les Display
09:21
Invisibilité & Morale
08:57
Transformer des éléments ?
15:29
Les Positions
24:18
Positions & Précautions
08:11
MEP : Les positions
22:37
Les bases de Flexbox
36:54
MEP : un dé en flexbox
27:06
MEP : des cartes flexibles
19:08
Les animations en CSS
21:03
MEP : un système solaire animé
27:00
MEP : Un texte qui défile ?
09:12
MEP : un loader... des points sauteurs !
07:38
Sélectionner un enfant
07:04
Les variables CSS
15:42
Responsivité et Media Queries
19:36
Enoncé Exercice Twitter
05:15
Un clone de Twitter
54:11
Un site complet et Responsive en HTML / CSS
02:12:46
Notice
=> leçons
=> express
=> exercices
=> projets
Leçons :
Découverte & Sélecteurs
18:11
Styliser les textes
18:47
Comprendre les couleurs
14:11
Les backgrounds Color
10:49
Les modèles de boîtes
25:10
Notion de Clamp, le min et le max
09:12
Arrondis et Hover
14:57
Les Display
09:21
Invisibilité & Morale
08:57
Transformer des éléments ?
15:29
Les Positions
24:18
Positions & Précautions
08:11
MEP : Les positions
22:37
Les bases de Flexbox
36:54
MEP : un dé en flexbox
27:06
MEP : des cartes flexibles
19:08
Les animations en CSS
21:03
MEP : un système solaire animé
27:00
MEP : Un texte qui défile ?
09:12
MEP : un loader... des points sauteurs !
07:38
Sélectionner un enfant
07:04
Les variables CSS
15:42
Responsivité et Media Queries
19:36
Enoncé Exercice Twitter
05:15
Un clone de Twitter
54:11
Un site complet et Responsive en HTML / CSS
02:12:46
Notice
=> leçons
=> express
=> exercices
=> projets
Invisibilité & Morale
Si la vraie leçon de cette vidéo était : comment rendre un élément invisible ?
je te proposerai le tableau suivant :
| Méthode | Effet |
| display : none | L’élément disparaît totalement du DOM, comme s’il n’existait plus. |
| visibility : hidden | L’élément devient invisible mais son espace est toujours occupé. |
| opacity : 0 | L’élément est transparent mais toujours présent et interactif. |
| transform : scale(0) | L’élément est "réduit à rien" mais son espace est conservé. |
| ...... | et d'autres possibilités.... |
La vraie leçon : il n’y a pas qu’une seule façon de faire !
Le code demande de la créativité !
Quand tu codes, il existe plusieurs solutions pour un même problème.
Ne bloque pas sur la "meilleure" façon de faire au début.
Fais fonctionner ton code, et affine-le avec l'expérience.
If it works, it works !
Garde ça en tête et améliore ton code au fil du temps.
Écrit en 02/25 par Christophe C.
Mis à jour en 02/25