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.
Table des matières de cette formation CSS (durée : 39m08s)
-
- Pourquoi les medias queries gratuit 00:07:48
- Mise en place d'une règle CSS 00:10:12
- Ordre d'affichage 00:04:47
- Modifier l'ordre d'affichage 00:04:39
- Mobile first 00:03:34
- Borner une règle 00:02:13
- Plusieurs fichiers CSS 00:04:51
- Conclusion 00:01:04
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Merci beaucoup Carl pour ce tuto ! J'ai appris une technique sympa grâce à vous : plusieurs feuilles CSS --> j'aime beaucoup cette organisation. A bientôt et continuez ! Eric.
-
Mise au point bienvenue, en attendant de nouveaux défis, de préférence complexes... Euh... un doute sur l'item 05 du QCM...
-
C'était en effet un grand plaisir de suivre ce petit tuto. Je ne connaissais pas l'importance de l'ordre d'affichage malgré que je ne pense pas avoir déjà fait ce genre d'erreur. Je pense que c'est une question de logique. Et je ne connaissais pas le système avec plusieurs fichiers css. On apprend toujours quelque chose même dans les choses simples. Merci Carl et à bientôt :-)
-
Avec quelle version de logiciel ce tuto est-il compatible ?CSS 3
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés