Apprendre Flexbox en 25 minutes
HTML-код
- Опубликовано: 12 дек 2021
- 🔥 L'inscription à mon cours complet sur Flexbox : www.swebdev.fr/cours/apprendr...
🔥 S'ABONNER À LA CHAÎNE 🔥
► / @ratoncodeur
🔥 POUR ME SUIVRE 🔥
► / ratoncodeur
Salut !
Apprendre Flexbox en 25 minutes ? C'est possible ! 
Наука
![Sean Rii, Karyon, Sharzkii - Taungule [My Love] (Official Visualizer)](http://i.ytimg.com/vi/eJoMuypbSzQ/mqdefault.jpg)
Bravo rien a dire meilleur explication pour flexbox pour bien comprendre
claire nette et précis, j'adore.
Super explication. Ce qui est fou c'est que je paie une formation où c'est super mal expliquée, obligé de venir sur youtube pour comprendre. (je parle de flex-shrink, flex-grow et flex-basis)
Wahouuuuuuuuuuuuuu, impossible de tout comprendre du premier coup puisque c'est une mine d'informations mais bravo, c'est super clair, merci pour ton travail c'est juste parfait 🙂
Bravo ! Pédagogie 100% Explication clair, grâce à toi je viens de comprendre réellement Flexbox, je comprends mieux le sens des modèles ! MERCI Sébastien !
Bravo à toi, continue comme ça ! J'ai fait cette vidéo pour que tout le monde puis "réellement" comprendre Flexbox comme tu dis.
Bravo..Clair et efficace.Merci !
Un grand merci pour explications, c'est très clair.
Je fais partie de la cible des dévs occasionnels qui ont touché une fois le concept Flex en bidouillant. Cette vidéo permet de rafraichir et d'éclairer certains points encore un peu flous.
Merci pour le travail !
Très bonnes explications, merci à toi !
Le meilleure vidéo sur le sujet, merci ! :)
Superbe vidéo et excellente pédagogie. Merci !
Magnifique explication! Rien à dire d'autre que c'est la meilleure vidéo que j'ai visionné sur les flexbox surtout à avoir tout compris. Merci beaucoup Sebastien
Un cours très clair, démonstratif et donc très efficace ! Merci !
Franchement merci pour ce cours excellent.✌️
Merci ! On espère le retour des vidéos. Tu es un excellent pédagogue.
Très clair, merci beaucoup. Il n’y a plus qu’à…
Enfin une video claire, je peux enfin dire que je comprends beaucoup mieux le flexbox !! Merciiiii
au top la meilleure video fr pour les flexbox ^^
Super vidéo, facile à comprendre, très claire ! Merci ça aide beaucoup
Enfin une explication complète et traitée avec pédagogie. Merci (bon, après, il faut bien sûr pratiquer pour se l’approprier , car il y a certaines situations un peu tordues où il va falloir combiner plusieurs instructions et ne pas faire en sorte de mettre des instructions contradictoires) 👍
Excellent Sébastien, je partage ta vidéo qui est vraiment limpide. 👏👏👏
Merci pour cette présentation compréhensible des flexbox !!!! c'est trés clair
Bravo excellent travail
Excellente explication,
Merci.
Trop fort! Quelle pédagogie !
super vidéo bien utile merci
tres explicite ,c vraiment intressant.
wow belle explication super Merci
bon je ne pratique plus depuis un moment. Et la refonte prochaine d'une applis m'oblige à me ressourcer. J'ai arrêter vers l'installation de manière durable de FlexBox. Ton explication est très didactique et ramené à ton expérience, tes incompris du moment est un plus.
je ne voyais pas ce qui clochais maintenant c'est plus claire pour moi. Merci du partage.
Merci pour la video top
bien expliqué
Salut Seb, et bien merci a toi. En effet je bloquais sur les meme choses que toi. J'ai enregistrer ta video lol. Superbe. Je like et m'abonne.
Un dev qui debute😀
Je viens de suivre ce tutoriel de Flexbox en CSS et je suis impressionné par la qualité de son contenu. Les explications étaient claires et bien organisées, ce qui m'a permis de comprendre rapidement et facilement les concepts de base de Flexbox. J'ai également apprécié les exemples pratiques et les astuces fournies, qui ont grandement aidé à consolider mes connaissances et à améliorer mes compétences en CSS. Grâce à ce tutoriel, je me sens beaucoup plus confiant dans mes capacités à utiliser Flexbox pour concevoir des mises en page Web responsives et professionnelles. Je le recommande vivement à tous ceux qui cherchent à maîtriser Flexbox en CSS! 👍
Ton commentaire ressemble a un article SEO
Vraiment merci infiniment très bien expliquer 🥳🎊👩💻✊💪🏽💪🏽💪🏽💪🏽🙏🏼🎉👍🌹💐🎉👍👍👍👍👍👍
Merci pour ton commentaire !
Excellente vidéo de synthèse . Un ou plusieurs cas concrets d'utilisation seraient les bienvenus...
10/10 👍
je suppose que l'explication est exhaustive et qu'on n'aura plus de problèmes avec les distorsions des pages causées par " flex property"
Merci infiniment.
👏 Sébastien.
Merci !
je dois être la seule à ne pas comprendre un des premiers points (en même temps je débute ^^), pourtant ta vidéo a l'air hyper claire ! J'ai l'impression que le display : flex apparait dans le html, pourtant dans la formation que je suis on ne l'applique que dans le CSS... si tu peux m'éclairer ce serait top :)
Merci pour le contenu, intéressant et une bonne piqure de rappel pour bien l'utiliser.
Est possible de créer un système de 3 div via flexbox dont la première prend une hauteur de disons de 600px puis à côté (sur sa droite par exemple) deux autres de 300px qui se mettent l'une sous l'autre. Bien entendu je voudrais éviter d'englober toutes ces div dans un parent qui lui aurait une hauteur prédéfini (d'environ 600px pour rester logique).
Oui, il te suffit d'avoir un parent qui englobe tes 3 div, et dans cette div parent, tu aurais une div qui englobe tes 2 div qui doivent être l'une en dessous de l'autre, ça te semble clair comme explication ?
Pour la hauteur, ne définit rien, laisse tes blocs s'adapter en hauteur par rapport au contenu.
@@ratoncodeur Merci de ta réponse. J'ai en effet fait ce que tu viens de me dire et ça rend exactement comme je veux.
Un pouce rien que pour la définition comme a l'école.
Bonjour.
En gros, align-items permet l'alignement sur x lorsqu'on est en colonne et sur y lorsqu'on est en row. C'est un peu l'inverse de justify-content. Autre question, "display: grid" faut-il encore l'utiliser pour du responsive ? Comment peut-on faire pour centrer un container (et tous ses enfants) sur un body au dimension définie ? Les marges et padding s’additionnent dans les calculs ? J'ai vu une astuce pour éviter les dépassements en utilisant un overflow:hidden je ne me souviens plus bien de la marche à suivre... Peux-tu nous la rappeler ?
Et pour les éléments qui suivent le container (en dehors du div du flex) ils se mettent à-côté ou à la ligne ? Pour les dimensions des containers, est-ce mieux d'utiliser du rem, du px, du % ? Un container flex peut-il contenir un autre container flex ? Ce truc, ça me fait penser à du tetris... 😵💫
PS: Désolé pour toutes les questions mais je profite de votre expérience. 😄
Je te découvre, très bonne vidéo pour revoir les basiques, exactement ce que je recherchais ! Petite question : comment avoir "l'aperçu" des différents flex sur le devTool ? Merci à toi.
Salut ! Sur Chrome (sur les autres aussi surement), il y a un onglet "layout". Tu peux mettre en sur-brillance les grilles et les flexbox.
@@ratoncodeur Super, merci de ta réponse, hate de nouvelles vidéos !
Merci très bonne vidéo, mais je pense qu'un cas concret pour les flex du régime(flex-shrink -flex-grow) lol ne sera pas trop lol
Merci du retour ! Je vais réfléchir à un cas concret, c'est dur de trouver un exemple qui regroupe un peu toutes les propriétés. Le mieux c'est un cas avec seulement flex-basis, flex-shrink et flex-grow comme tu dis par exemple. Je me le mets dans ma todolist :)
@@ratoncodeur Merci Sébastien
10:01
18:01
Le titre dit « 25min » et la vidéo sur « 27min »
Tu veux que je te rembourse ?
@@ratoncodeur remboursé!!!