No video

Comment faire du "responsive design" ?

  Рет қаралды 45,922

École du Web

École du Web

Күн бұрын

🎓 Tous mes cours sur l'École du Web (pour tout obtenir d'un seul coup) : www.ecole-du-w...
🎁 Tous mes cours sur UDEMY : www.liste-des-...
🚀 1 Cours gratuit en t'abonnant à ma newsletter :
www.le-designe...
Le lien du Discord : / discord
Ma chaine en Anglais :
/ @thewebschool
min/max-width : 3:35
typo responsive : 6:40
Rem / Em : 8:10
Media queries : 12:00
Flexbox : 13:00
CSS Grid 17:21

Пікірлер: 36
@EcoleduWeb
@EcoleduWeb 8 ай бұрын
🎓 Tous mes cours sur l'École du Web (pour tout obtenir d'un seul coup) : www.ecole-du-web.net/ 🎁 Tous mes cours sur UDEMY : www.liste-des-cours.com/
@DrChikenman
@DrChikenman 2 жыл бұрын
Hello Enzo ! Actuellement professeur des écoles dans l'éducation nationale, je suis au départ titulaire d'un DUT informatique que j'ai obtenu en 2008 (eh ouais ça remonte...). J'ai décidé que j'allais lâcher l'EN dès l'année prochaine pour me reconvertir en tant que dev web et je passe la quasi intégralité de mon temps libre à me reformer avec des vidéos comme les tiennes. Je tenais à te dire que tes contenus sont précieux et d'une qualité assez rare. Merci pour le boulot abattu, c'est vraiment très très bon ! Bonne continuation à toi, et merci pour ta générosité dans cette démarche de partage de connaissances 😊
@electronpositron7005
@electronpositron7005 4 жыл бұрын
Merci Enzo pour se condenser ! cela nous permet de faire un tour rapide et efficace concernant le responsive design ;)
@baptistebidaux
@baptistebidaux 4 жыл бұрын
Merci Enzo beaucoup de choses intéressantes ! Notamment l’utilisation de flex-shrink et flex-grow qui sera désormais plus claire pour moi ;-)
@clementromanowski7333
@clementromanowski7333 4 жыл бұрын
Se serait cool que tu utilise la dernière mise à jour yt et que tu fasses le sommaire de ta vidéo pour l'avoir dans la barre de lecture. Ça apporte un plus à la vidéo c'est vraiment cool de pouvoir facilement skip les parties qui nous intéresses pas.
@EcoleduWeb
@EcoleduWeb 4 жыл бұрын
C'est pas bête ça je vais voir comment le faire :)
@JoeSmith-wu3yz
@JoeSmith-wu3yz 4 жыл бұрын
Ce cours tombe à point nommé ! Merci l'ami ;)
@rocramos6091
@rocramos6091 3 жыл бұрын
J'ai vu pas mal de vidéos que tu faisais concernant CSS et ça m'a beaucoup aidé. Merci beaucoup et bon courage pour la suite
@EcoleduWeb
@EcoleduWeb 3 жыл бұрын
Merci à toi !
@ludovicleveque3485
@ludovicleveque3485 2 жыл бұрын
Merci beaucoup! Maintenant j'ai compris quand je regarde tes vidéos je prends un cahier avec moi y a toujours des petits tips à noter !!! si tu permets !
@EcoleduWeb
@EcoleduWeb 2 жыл бұрын
Bonne idée aha!
@hafid1332
@hafid1332 2 жыл бұрын
12:29 Juste un détail on devrait plutôt dire "jusqu'a" pour "max-width" et "à partir de" pour "min-width" . je sais que c'est qu'un détail , mais ça peut être déroutant si on utilise pas les bons mots. à part ça encore une fois c'est toi qui explique le mieux sur youtube..
@janjak5285
@janjak5285 4 жыл бұрын
Bon tuto avec plein d'infos sur lesquelles on pourra creuser pour ce qui nous intéresse. Merci à toi
@pascalquetin8110
@pascalquetin8110 3 жыл бұрын
La meilleur vidéo que j'ai vu concernant ce sujet. Avec un débit orale et des explications visuels un peu moins "speed" cela apporterait une plus facile compréhension pour les neueux de mon genre. Le recours aux tutos sont aussi pour les débutants. Dans tout cas, c'est clair mais Il faut simplement repasser beaucoup de fois "le cours".
@ThePokebip
@ThePokebip 3 жыл бұрын
Merci pour cette vidéo, très instructive quand on crée notre portfolio en étant étudiant.
@remitheguik1303
@remitheguik1303 2 жыл бұрын
merci pour cette vidéo, je me disais que ce que mon site faisait c'était chelou sur mobile, c'était à cause de la fameuse balise meta que tu présentes au début :p
@bibiderennes
@bibiderennes Жыл бұрын
Excellent ! Merci ! 👍
@awalifouiny9798
@awalifouiny9798 2 жыл бұрын
felicitation mon chers et courage pour la suite merci beaucoup
@gabrielbuhendwa9864
@gabrielbuhendwa9864 Жыл бұрын
Merci beaucoup pour la video
@polov8092
@polov8092 3 жыл бұрын
super video merci !!!
@59140Dunkerque
@59140Dunkerque 4 жыл бұрын
super. merci pour ces explications
@pastek2554
@pastek2554 2 жыл бұрын
merci t'es un bon
@yannickbonnaud1038
@yannickbonnaud1038 2 жыл бұрын
Juste une petite correction, 13:10, ça ne passe pas en rouge A PARTIR DE 1500 px mais c'est rouge JUSQU'A 1500px... Et donc c'est aussi rouge sous les 1100 px, je m'étonne que personne n'ait relevé depuis tout ce temps :)
@patriciasaccaggipats
@patriciasaccaggipats 2 жыл бұрын
Chouette, ça m'a aidé pour comprendre un peu et arranger une page externe de mon essai de site mais je mélange un peu tout (j'suis déb). Hors sujet de cette vidéo mais j'aimerais savoir quel genre d'hébergeur tu conseilles pour son portfolio ?
@EcoleduWeb
@EcoleduWeb 2 жыл бұрын
N'importe quel hébergeur classique fera l'affaire pour un portfolio (goDaddy, Ionos ...) Tu peux aussi l'herbeger gratuitement avec Github / Netlify / etc
@Ludo045
@Ludo045 2 жыл бұрын
C'est vrai que le max-width and min-width est interessant Le problème que j'ai souvent avec le *@media screen* et le responsive est que comme il y'a plusieurs écrans dans la console et d'un écran à l'autre le comportement est différent, et je me trouve à faire un ecran très petit pour qu'il corresponde directement à tous les écrans portable en même temps 😑 ou pire encore je me lance dans un incroyable travail fastidueux à faire des *@media screen* pour je ne sais combien de px ou mobile.. Et même ça ce ne marche pas parce que je retrouve avec des écrans comme *Nest Hub Max* ou *Nest Hub* qui bug à cause de la hauteur et non plus la largeur 😅
@emmanuelmichelzangna2202
@emmanuelmichelzangna2202 2 жыл бұрын
merci beaucoup vraiment merci c'es vraiment explicite j'adore mais je voulais savoir a propos de Rem/em, si tous les parents y compris n'a pas de size que va t'il se passer merci encore et stp j'attend ta reponse
@Unctroi
@Unctroi 3 жыл бұрын
merci c'est vraiment cool, ça complète bien openclassroom car je ne comprenais pas tout avec le chapitre de Mathieu Nebra qui parle de ça... par contre pourquoi est-ce qu'il y a l'attribut name dans la balise meta ? Pour moi name c'est utilisé uniquement dans les formulaires, du coup je comprends pas très bien...
@EcoleduWeb
@EcoleduWeb 3 жыл бұрын
Hello, name dans les balises Meta sert seulement à les différencier
@m__link6499
@m__link6499 3 жыл бұрын
En m'entrainant à développer un site, j'ai fais une erreur de débutant: au lieu d'utiliser des margin auto par exemple, je les ai mis en pixel, du coup pour le responsive, je m'arrache les cheveux...😭
@progamer8117
@progamer8117 3 жыл бұрын
Merciiii !!! il me fallais juste le min-width et max-width
@shmoophy6024
@shmoophy6024 2 жыл бұрын
meric killiannes ! ! !!
@Ruben-ob3ey
@Ruben-ob3ey 3 жыл бұрын
Bonsoir, petite question : Lorsque je réduis la taille de ma fenêtre, mes média queries fonctionnent sans aucun soucis, mais lorsque j'utilise l'inspecteur de google chrome pour utilise le toggle device toolbar, les changements appliqués dans les média queries ne fonctionnent plus... pourquoi ?
@EcoleduWeb
@EcoleduWeb 3 жыл бұрын
Ça arrive parfois quand on laisse toggle device toolbar ouvert trop longtemps, fermez et ouvrez à nouveau les outils / la fenêtre :)
@Ruben-ob3ey
@Ruben-ob3ey 3 жыл бұрын
@@EcoleduWeb merci
@murielleturpeau6789
@murielleturpeau6789 3 жыл бұрын
Bonjour, Je viens de coder mon site et j'essaie de le rendre responsive mais c'est plus difficile pour moi. Pouvez-vous m'aider, svp?
Créer un tableau stylé en HTML / CSS
8:23
École du Web
Рет қаралды 82 М.
These CSS PRO Tips & Tricks Will Blow Your Mind!
8:48
Coding2GO
Рет қаралды 238 М.
Prank vs Prank #shorts
00:28
Mr DegrEE
Рет қаралды 7 МЛН
Look at two different videos 😁 @karina-kola
00:11
Andrey Grechka
Рет қаралды 14 МЛН
Smart Sigma Kid #funny #sigma #comedy
00:40
CRAZY GREAPA
Рет қаралды 39 МЛН
Gli occhiali da sole non mi hanno coperto! 😎
00:13
Senza Limiti
Рет қаралды 16 МЛН
5 simple tips to making responsive layouts the easy way
15:54
Kevin Powell
Рет қаралды 760 М.
How to create a responsive menu with Webstudio
14:46
Webstudio
Рет қаралды 2 М.
CSS Anchor Is The Best New CSS Feature Since Flexbox
15:39
Web Dev Simplified
Рет қаралды 366 М.
Learn CSS Grid - A 13 Minute Deep Dive
13:35
Slaying The Dragon
Рет қаралды 529 М.
Les erreurs de débutant en "responsive".
13:55
École du Web
Рет қаралды 44 М.
A practical guide to responsive web design
23:13
Kevin Powell
Рет қаралды 192 М.
Learn Flexbox CSS in 8 minutes
8:16
Slaying The Dragon
Рет қаралды 1,5 МЛН
The secret to mastering CSS layouts
17:11
Kevin Powell
Рет қаралды 276 М.
The BEST Way to Create Responsive Design with Tailwind CSS (2023)
16:56
Lukas | Web Development & Design
Рет қаралды 140 М.
Flexbox : Cas pratiques d'utilisation. 📦
10:34
École du Web
Рет қаралды 17 М.
Prank vs Prank #shorts
00:28
Mr DegrEE
Рет қаралды 7 МЛН