Découvrir les Variables en CSS avec 2 exemples concrets
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Découvrir les Variables en CSS avec 2 exemples concrets

Adrien Gazaix
2,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tuto CSS en vidéo, nous allons voir ensemble comment utiliser les variables en CSS et pourquoi c'est aussi important de les connaître aujourd'hui quand on fait de l'intégration.

  • Dans le 1er exemple, nous stockerons la valeur de la luminance (HSL) dans une variable, pour pouvoir changer la couleur d'un bouton par exemple, ou tout autre élément de la même couleur sur votre site.
  • Ensuite, nous verrons comment stocker un multiplicateur dans une variable pour pouvoir créer un bouton qui s'élargira en fonction de la valeur choisie sur le bouton par défaut.

Les fichiers sources contenant les fichiers de départ ainsi que les fichiers finaux sont inclus avec le tuto.

N'hésitez pas à me soumettre des questions dans le salon d'entraide si vous rencontrer des difficultés pendant ou après le visionnage de la vidéo.
Bon tuto !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Les Variables en CSS

Plan détaillé du cours

Leçon 1Les Variables en CSS
17m09s

Avis des apprenants

Détail des avis
17
Apprenants
5
Commentaires
5/5
Note moyenne
5/5
5
4/5
0
3/5
0
2/5
0
1/5
0
Ggr3
Ggr3
Publié le 02/11/2021
Simple, efficace et claire
Adrien Gazaix
Adrien Gazaix
Tout est dit :) Merci à toi !
Valérie Arno
Valérie Arno
Publié le 16/09/2021
Merci beaucoup. Avec vous j'apprends toujours beaucoup de choses en CSS. Vous expliquez bien le pourquoi du comment. Je connaissais un peu les variables sans pour autant les utiliser donc ça rafraichit la mémoire. Je suis contente de ces nouvelles découvertes - pour la couleur hsl et la fonction calc qui est bien pratique.
Antoine Digout
Antoine Digout
Publié le 09/09/2021
Très pratique ! Dans l'idée de SAS, mais en direct CSS c'est parfait. Merci, super Tuto comme d'habitude !
Adrien Gazaix
Adrien Gazaix
Comme d'habitude, ça fait plaisir ça ! Encore merci de me suivre et à bientôt pour de prochains tuto ;)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

CSS

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Les fichiers de départ et ceux obtenus à la fin du tuto.

Attendez ! 🤗

Accédez à plus de 1334 tutos gratuits

Notre politique de protection des données