Comprendre les medias queries pour le responsive
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Comprendre les medias queries pour le responsive

Carl Brison
8,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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
Leçon 2
Mise en place d'une règle CSS
Leçon 3
Ordre d'affichage
Leçon 4
Modifier l'ordre d'affichage
Leçon 5
Mobile first
Leçon 6
Borner une règle
Leçon 7
Plusieurs fichiers CSS

Plan détaillé du cours

Leçon 1Pourquoi les medias queries
07m48
Leçon 2Mise en place d'une règle CSS
10m12
Leçon 3Ordre d'affichage
04m47
Leçon 4Modifier l'ordre d'affichage
04m39
Leçon 5Mobile first
03m34
Leçon 6Borner une règle
02m13
Leçon 7Plusieurs fichiers CSS
04m51
Leçon 8Conclusion
01m04

Avis des apprenants

Détail des avis
87
Apprenants
6
Commentaires
5/5
Note moyenne
5/5
6
4/5
0
3/5
0
2/5
0
1/5
0
Eric Reynaud
Eric Reynaud
Publié le 22/03/2023
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.
Carl Brison
Carl Brison
Merci beaucoup Eric, pour votre gentil commentaire ;-)
Bernard Chabloz
Bernard Chabloz
Publié le 18/01/2022
Mise au point bienvenue, en attendant de nouveaux défis, de préférence complexes... Euh... un doute sur l'item 05 du QCM...
Carl Brison
Carl Brison
Merci pour votre commentaire. Oui, vous avez raison pour le QCM. C'est corrigé
Valérie Arno
Valérie Arno
Publié le 11/10/2021
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 :-)
Carl Brison
Carl Brison
Merci également à vous, Valérie :-) À bientôt

Vos questions sur le cours

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

CSS 3

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 8,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1422 tutos gratuits

Notre politique de protection des données