Créez une barre de compétence animée en CSS3
Créez une barre de compétence animée en CSS3
Dans ce tuto vidéo, je vous propose de vous faire découvrir (ou redécouvrir) les médias queries qui nous permettent de faire aujourd'hui des pages web totalement reponsives. Cela signifie que nos pages web s'adaptent à n'importe quelle largeur d'écran.
Nous verrons ensemble, les différentes techniques employées pour mettre en place des medias queries.
Cela vous permettra de choisir celle que vous souhaiterez utiliser dans vos projets de développement web.
A la fin de ce tuto, vous serez à l'aise avec les médias queries liées au côté responsive d'une page web.
Pour aller plus loin, vous pouvez suivre ce tutoriel sur les bases du langage CSS.
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Pourquoi les medias queries
Pourquoi les medias queries
Leçon 2
Mise en place d'une règle CSS
Mise en place d'une règle CSS
Leçon 3
Ordre d'affichage
Ordre d'affichage
Leçon 4
Modifier l'ordre d'affichage
Modifier l'ordre d'affichage
Leçon 5
Mobile first
Mobile first
Leçon 6
Borner une règle
Borner une règle
Leçon 7
Plusieurs fichiers CSS
Plusieurs fichiers CSS
Plan détaillé du cours
Leçon 1Pourquoi les medias queries
07m48s
Leçon 2Mise en place d'une règle CSS
10m12s
Leçon 3Ordre d'affichage
04m47s
Leçon 4Modifier l'ordre d'affichage
04m39s
Leçon 5Mobile first
03m34s
Leçon 6Borner une règle
02m13s
Leçon 7Plusieurs fichiers CSS
04m51s
Leçon 8Conclusion
01m04s
Avis des apprenants