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 М.
Page responsive avec CSS Grid + Flexbox
20:16
École du Web
Рет қаралды 31 М.
Happy birthday to you by Tsuriki Show
00:12
Tsuriki Show
Рет қаралды 10 МЛН
Comfortable 🤣 #comedy #funny
00:34
Micky Makeover
Рет қаралды 17 МЛН
Кадр сыртындағы қызықтар | Келінжан
00:16
黑天使遇到什么了?#short #angel #clown
00:34
Super Beauty team
Рет қаралды 43 МЛН
How to create a responsive menu with Webstudio
14:46
Webstudio
Рет қаралды 2 М.
Créer une galerie responsive avec Flexbox
15:36
École du Web
Рет қаралды 19 М.
Maîtrise TypeScript en 5 minutes
5:15
Clément Touzet
Рет қаралды 959
The BEST Way to Create Responsive Design with Tailwind CSS (2023)
16:56
Lukas | Web Development & Design
Рет қаралды 140 М.
A practical guide to responsive web design
23:13
Kevin Powell
Рет қаралды 192 М.
Les erreurs de débutant en "responsive".
13:55
École du Web
Рет қаралды 44 М.
TailwindCSS responsive tables on mobile screens
9:57
cdruc
Рет қаралды 74 М.
Media Query in CSS [Easiest Way] | How To Write Media Queries FAST
7:33
Happy birthday to you by Tsuriki Show
00:12
Tsuriki Show
Рет қаралды 10 МЛН