Apprendre Flexbox en 25 minutes

Поділитися
Вставка
  • Опубліковано 5 вер 2024
  • 🔥 L'inscription à mon cours complet sur Flexbox : www.swebdev.fr...
    🔥 S'ABONNER À LA CHAÎNE 🔥
    ► / @ratoncodeur
    🔥 POUR ME SUIVRE 🔥
    ► / ratoncodeur
    Salut !
    Apprendre Flexbox en 25 minutes ? C'est possible !

КОМЕНТАРІ • 57

  • @aeieoaou6935
    @aeieoaou6935 Місяць тому

    Merci beaucoup pour cette vidéo, je débute et avait du al à bien comprendre comme agencer mes éléments avec flexion et ta vidéo m'aide beaucoup. Merci beaucoup

  • @Nino-qc9pf
    @Nino-qc9pf 2 роки тому +3

    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 !

    • @ratoncodeur
      @ratoncodeur  2 роки тому +1

      Bravo à toi, continue comme ça ! J'ai fait cette vidéo pour que tout le monde puis "réellement" comprendre Flexbox comme tu dis.

  • @bwtommy
    @bwtommy 2 роки тому +2

    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 !

  • @CmoiAloa
    @CmoiAloa 2 роки тому +1

    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 🙂

  • @gaeil1
    @gaeil1 2 роки тому +2

    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) 👍

  • @nouriakam5281
    @nouriakam5281 2 роки тому +1

    Bravo rien a dire meilleur explication pour flexbox pour bien comprendre

  • @mikesalomon2695
    @mikesalomon2695 2 роки тому +1

    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)

  • @dufresneali
    @dufresneali Рік тому

    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.

  • @gabrielbuhendwa9864
    @gabrielbuhendwa9864 Рік тому

    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! 👍

    • @olivierkbidi4570
      @olivierkbidi4570 3 місяці тому

      Ton commentaire ressemble a un article SEO

  • @ChristopheEGLINE
    @ChristopheEGLINE 7 місяців тому

    Bravo..Clair et efficace.Merci !

  • @knightofchess6900
    @knightofchess6900 7 місяців тому

    Merci ! On espère le retour des vidéos. Tu es un excellent pédagogue.

  • @deniseloundou5941
    @deniseloundou5941 2 роки тому

    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

  • @LadyGolem
    @LadyGolem Рік тому

    Enfin une video claire, je peux enfin dire que je comprends beaucoup mieux le flexbox !! Merciiiii

  • @user-xx1pd8jb1u
    @user-xx1pd8jb1u 11 місяців тому

    Un cours très clair, démonstratif et donc très efficace ! Merci !

  • @745651
    @745651 Рік тому

    Excellent Sébastien, je partage ta vidéo qui est vraiment limpide. 👏👏👏

  • @thedorec9418
    @thedorec9418 Рік тому

    Franchement merci pour ce cours excellent.✌️

  • @franckmarechal2209
    @franckmarechal2209 Рік тому

    Merci pour cette présentation compréhensible des flexbox !!!! c'est trés clair

  • @mathus1906
    @mathus1906 2 роки тому

    Très bonnes explications, merci à toi !

  • @agape6524
    @agape6524 Рік тому

    au top la meilleure video fr pour les flexbox ^^

  • @vincentdiaz8272
    @vincentdiaz8272 2 роки тому +1

    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).

    • @ratoncodeur
      @ratoncodeur  2 роки тому +1

      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.

    • @vincentdiaz8272
      @vincentdiaz8272 2 роки тому

      @@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.

  • @lodunshiuggi8653
    @lodunshiuggi8653 Рік тому

    Super vidéo, facile à comprendre, très claire ! Merci ça aide beaucoup

  • @Mohamed-uf5jh
    @Mohamed-uf5jh 8 місяців тому

    wow belle explication super Merci

  • @rosko278
    @rosko278 Рік тому

    Le meilleure vidéo sur le sujet, merci ! :)

  • @mejriibtihel7495
    @mejriibtihel7495 2 роки тому

    Bravo excellent travail

  • @amethgaye3260
    @amethgaye3260 2 роки тому

    tres explicite ,c vraiment intressant.

  • @robertpeneau8123
    @robertpeneau8123 2 роки тому

    Un grand merci pour explications, c'est très clair.

  • @olivierd2236
    @olivierd2236 Рік тому

    Très clair, merci beaucoup. Il n’y a plus qu’à…

  • @pagfordcimetronelle9294
    @pagfordcimetronelle9294 2 роки тому

    Superbe vidéo et excellente pédagogie. Merci !

  • @devlearning8483
    @devlearning8483 Рік тому

    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😀

  • @regisrobart998
    @regisrobart998 Рік тому

    claire nette et précis, j'adore.

  • @flom.2233
    @flom.2233 Рік тому

    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 :)

  • @ludovicvasseur9278
    @ludovicvasseur9278 9 місяців тому

    super vidéo bien utile merci

  • @MrHChakib
    @MrHChakib 2 роки тому

    Excellente explication,
    Merci.

  • @Fred3dDigitalPainting
    @Fred3dDigitalPainting 9 місяців тому

    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. 😄

  • @kwashie_
    @kwashie_ 2 роки тому +1

    👏 Sébastien.

  • @najidmouhammad9708
    @najidmouhammad9708 Рік тому

    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.

  • @djaggakan7308
    @djaggakan7308 2 роки тому

    Trop fort! Quelle pédagogie !

  • @djermanekada6376
    @djermanekada6376 2 роки тому +1

    10/10 👍

  • @hasanbasbunar5601
    @hasanbasbunar5601 Рік тому

    bien expliqué

  • @essentials4783
    @essentials4783 2 роки тому

    Excellente vidéo de synthèse . Un ou plusieurs cas concrets d'utilisation seraient les bienvenus...

  • @ZeeWolfed
    @ZeeWolfed 2 роки тому

    Merci pour la video top

  • @ekha2590
    @ekha2590 2 роки тому +1

    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.

    • @ratoncodeur
      @ratoncodeur  2 роки тому +1

      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.

    • @ekha2590
      @ekha2590 2 роки тому

      @@ratoncodeur Super, merci de ta réponse, hate de nouvelles vidéos !

  • @steinbeckehue8872
    @steinbeckehue8872 2 роки тому +1

    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

    • @ratoncodeur
      @ratoncodeur  2 роки тому +2

      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 :)

    • @steinbeckehue8872
      @steinbeckehue8872 2 роки тому

      @@ratoncodeur Merci Sébastien

  • @Jarod75
    @Jarod75 9 місяців тому

    Un pouce rien que pour la définition comme a l'école.

  • @Doltrane
    @Doltrane Рік тому +1

    10:01
    18:01

  • @tsy-marley2540
    @tsy-marley2540 7 місяців тому

    Le titre dit « 25min » et la vidéo sur « 27min »

    • @ratoncodeur
      @ratoncodeur  7 місяців тому

      Tu veux que je te rembourse ?

    • @taj_ninny
      @taj_ninny 6 місяців тому

      @@ratoncodeur remboursé!!!