Apprendre les Flexbox CSS en 20 minutes !

Поделиться
HTML-код
  • Опубликовано: 8 янв 2025

Комментарии • 99

  • @Sukaichae
    @Sukaichae 5 лет назад +26

    Trop trop bien tu expliques bien et en détail ce qu'il se passe ça fait plaisir

  • @slowise2389
    @slowise2389 2 года назад +2

    Un grand merci à toi ! Je voulais en apprendre plus sur les Flexbox, je suis super satisfait de ta vidéo : très bien expliqué, clair, tu as pris le temps nécessaire, un grand merci à toi !

  • @BenjaminCode
    @BenjaminCode 6 лет назад +46

    Flex, c'est la vie ! Bien comprendre comment ça marche et comment l'utiliser c'est la clé dans les UI d'aujourd'hui. Si tu maîtrises ça bien, c'est déjà cool pour le Gladiator Front Coliseum ! Le premier épisode est en montage ! C'est hyper long à monter mais ça arrive !

    • @AxelParis
      @AxelParis  6 лет назад +1

      Impatient de voir ce que tu nous réserve 😉 (+1 pour Flexbox)

    • @hadjinde1196
      @hadjinde1196 2 года назад

      @@AxelParis bonjour ,
      J'ai un petit problème avec le code j'ai copie coller exactement ton tuto mais le mien ne marche pas !

  • @Harirsims
    @Harirsims 2 года назад

    Merci beaucoup pour cette vidéo ! Je suis actuellement en formation développement web et le chapitre sur flexbox m’avait donné du fil à retordre, mais cette vidéo m’a bien aidé a y voir plus clair !

  • @liseleroy5413
    @liseleroy5413 4 года назад

    Vidéo très claire ! J'ai découvert les flexbox en autodidacte, au détours du code de quelqu'un d'autre et j'avais envie d'enfin m'y plonger un peu plus en profondeur. C'est parfait pour reprendre les bases ! Merci ! :)

    • @AxelParis
      @AxelParis  4 года назад

      Merci pour ton retour Lise :)

  • @Isa-dq4jw
    @Isa-dq4jw 3 года назад

    Merci ! Enfin cette propriété est très clairement expliquée !

  • @MarloC137
    @MarloC137 5 лет назад +11

    Tu es très pédagogue pour ton jeune âge. Merci pour les explications

  • @RitchieOfficiel
    @RitchieOfficiel 4 года назад +1

    Méga pédagogue, tu mets mon prof à l'amende. Merci bcp

  • @oliviastettler76
    @oliviastettler76 3 года назад +1

    Bravo pour cette vidéo de grande qualité, claire et très pro !

  • @katiamotastroppolo2119
    @katiamotastroppolo2119 4 года назад +1

    J'ai suivi votre cours sur Udemy. Il est vraiment top! Merci !

    • @AxelParis
      @AxelParis  4 года назад

      Merci beaucoup pour votre retour !

  • @friedrichwaterson3185
    @friedrichwaterson3185 2 года назад

    Tu m'as débloqué, bien joué !

  • @NicoMt-kg8gl
    @NicoMt-kg8gl 5 месяцев назад

    Explication super clair! Merci

  • @mohammedbenhssaen5450
    @mohammedbenhssaen5450 3 года назад +1

    Chapeau. je m'incline professeur

  • @jacobretsam9528
    @jacobretsam9528 4 года назад +1

    Merci mec au top tes explications ! ça m'aide beaucoup pour moi qui débute

  • @gerardn3569
    @gerardn3569 3 года назад +1

    Tuto très intéressant, merci beaucoup !

  • @christopheds2744
    @christopheds2744 5 лет назад

    Elle est vraiment géniale ta video Merci mec ! Je vais prendre ton cours tu expliques bien...

  • @quentinbroll2561
    @quentinbroll2561 4 года назад

    Vraiment une très bonne vidéo avec de très bonnes explications et de très bon exemple j'ai pris de suite ta formation qui va beaucoup m'aider je le sais, merci a toi

  • @pablocazin6082
    @pablocazin6082 3 года назад

    Excellent, t’expliques tres bien et c’est agréable merci

  • @nicolass8941
    @nicolass8941 5 лет назад +1

    Vidéo très utile et particulièrement claire !

  • @hugo17089
    @hugo17089 3 года назад

    merci pour ces explications claire et précise :)

  • @Love-music-Alain
    @Love-music-Alain Год назад

    Tuto sympa ! J'vais devoir encore me retaper mes 600 pages ! merci

  • @jamilaabela6013
    @jamilaabela6013 3 года назад

    Tu expliques vraiment bien 👍🏻 👏🏻, merci

  • @kal20268
    @kal20268 2 года назад

    C'est très intéressant !

  • @zarkha_
    @zarkha_ 3 года назад +1

    Ho bah, je ne pensais pas que tu faisais aussi de l’HTML ! Heureux de l’apprendre ! :p

  • @mohamedfall4159
    @mohamedfall4159 2 года назад

    Merci beaucoup pour les explications claires

  • @oz22
    @oz22 Год назад

    Salut, superbe vidéo !! Très clair j'aime beaucoup
    En la regardant j'ai vu que tes modifications s'appliquaient instantanément.
    Pourrais-tu donner l'astuce car c'est top ?
    Merci à toi

  • @raph_lgrnd
    @raph_lgrnd 2 года назад

    Super bine expliqué merci beaucoup !

  • @chaybislam
    @chaybislam 2 года назад

    Merci beaucoup Alex

  • @JoeSmith-wu3yz
    @JoeSmith-wu3yz 4 года назад

    Très bien ta vidéo et encore merci.

  • @cmanship
    @cmanship 2 года назад

    Très bien expliqué cool

  • @hamzakherbouche558
    @hamzakherbouche558 5 лет назад

    Super bien expliquer mec !

  • @cedric1287
    @cedric1287 4 года назад

    Super cours merci !

  • @issamchagtmi
    @issamchagtmi 4 года назад +3

    /* grace a toi je suis quand meme flexé*/ 😎

  • @Mel-kw7oo
    @Mel-kw7oo 6 лет назад +6

    Merci pour cette video, très intéressante! Une question? Comment interpreter la grille flexbox " responsive" en therme de design dans sketch ou adobe xd . Les tutos ui/ux sont souvent basés sur des grilles "basic" bootstrap responsive.

  • @rajaamurat631
    @rajaamurat631 4 года назад +1

    trés intéressant merci

  • @chainehadhouda4130
    @chainehadhouda4130 2 года назад

    merci c'est très clair

  • @belkedarabderazek6035
    @belkedarabderazek6035 3 года назад

    ya aussi les proprietés flex: 1 0 auto qui representent les flex grow shrink basics

  • @vivianmingaud7942
    @vivianmingaud7942 3 года назад

    Merci mec 🙂

  • @FullFireZoo
    @FullFireZoo 3 года назад

    je suis en plein partiel je te remercie

  • @koualoujaq7466
    @koualoujaq7466 4 года назад +1

    Bonjour Axel merci pour ton tuto
    mais franchement jaimerais savoir si tu as un cours disponible sur tout le html et le css. J'ai apprecié ton cours et je souhaiterais avoir d'autres cours de toi.

  • @oliviermoal2036
    @oliviermoal2036 3 года назад

    Je découvre CSS et surtout Flex. Super ta présentation qui donne un aperçu de la puissance du langage. Je souhaitais bénéficier de ton offre Udemy mais le lien ne le permet pas. Merci de ton aide.

  • @bloc-notes6751
    @bloc-notes6751 5 лет назад

    Merci très intéressant!

  • @samirsamir7779
    @samirsamir7779 4 года назад

    vraiment très pédagogue pour ton âge , tu devrais vraiment t'investir sur youtube pour beaucoup plus de formations sur le frontend ...Merci pour tes explications Flex , je comprends beaucoup mieux maintenant ;)

    • @AxelParis
      @AxelParis  4 года назад +1

      Merci pour ton retour Samir !

  • @CamembertSaucissePoulet
    @CamembertSaucissePoulet Год назад

    A quoi corresponds la balise @media screen and ?

  • @aminebenlazreg
    @aminebenlazreg Год назад

    Tres bien expliqué mais j'aurais aimé acceder au css du fichier base.css pour voir comment disposer les elements. C'est difficile pour un debutant en css de reproduire ce que vous avez fait sans code au préalable.

  • @Malary.
    @Malary. Год назад

    Quel est la différence entre display flex et display inline-block

  • @catherineschneider6441
    @catherineschneider6441 3 года назад

    Super...Merci!

  • @niyagentleman8143
    @niyagentleman8143 2 года назад

    merci! ^^

  • @christopheds2744
    @christopheds2744 5 лет назад

    ça y est c'est fait !

  • @jawadachh
    @jawadachh 3 года назад +1

    Très bien tes explications, ...je me pose toujours la question, pourquoi on te vois tout au long de la vidéo, ca me dérange pas du tout, t'inquiètes t'es beau et charmant mais ca cache le contenu et je ne vois l'utilité qu'on te vois tous le temps
    Merci beaucoup

  • @leernestogonzalez
    @leernestogonzalez 6 лет назад +2

    Merci ^^

  • @jizaaaaa
    @jizaaaaa 4 года назад

    Bonsoir, as tu le lien pour telecharger la base.css stp?

  • @arthurbarbier9697
    @arthurbarbier9697 4 года назад

    Hey j'ai une question, pourquoi quand j'essaye d'utiliser le body comme container ça ne marche pas ?
    Du coup je suis obligé de créer un div container. C'est normal de faire ça ?
    Sinon super vidéo :)

  • @modn4844
    @modn4844 4 года назад

    Bonjour Merci pour ce tuto vraiment super tu dit dans ta video que pour ton cour sur Udemy avoir un code promo mais je le vois pas ? merci de ta réponse

    • @AxelParis
      @AxelParis  4 года назад

      Bonjour, oui Udemy a changé son système de promotion et je maintenant je peux créer un coupon qui dure que 5 jours ^^
      Voici un coupon tout frais : www.udemy.com/course/guide-complet-flexbox/?couponCode=0413363E7A115C2A8E84

    • @modn4844
      @modn4844 4 года назад

      @@AxelParis Merci!

  • @majdaelhaouti6892
    @majdaelhaouti6892 4 года назад +1

    Pourquoi quand j'ajoute padding j'ai un retour à la ligne, même avec un un seul caractère dans chaque box?
    Répondez moi s'il vous plaît. Merci

  • @khadidjalafleur3719
    @khadidjalafleur3719 4 года назад

    merci bcp

  • @jeoffreybaron2329
    @jeoffreybaron2329 5 лет назад

    hello vraiment bien ta video par contre des que je clic sur le lien j'ai pas le prix de 9.99 euros ou est ta promo?

  • @lyndakaouane9435
    @lyndakaouane9435 4 года назад +1

    BRAVO

  • @johanbn83
    @johanbn83 4 года назад

    Super tuto ! a tout hasard Axel pourrais tu me donner ta font de vscode stp ? J’aime bien ! Merci

    • @AxelParis
      @AxelParis  4 года назад +1

      Merci Johan :) Désolé je n'utilise plus et je m'en souviens plus :/

  • @NICOLEBELGE1968
    @NICOLEBELGE1968 2 года назад +1

    Très clair ! Un bémol quand même sur ta tête qui cache pas mal le contenu :-( Ca aurait été moins gênant à gauche

  • @kanteali7131
    @kanteali7131 5 лет назад

    merci

  • @youn2978
    @youn2978 4 года назад

    Bonjour, très intéressante ta vidéo. Je souhaitais acheter le cours sur udemy mais il est proposé à 149 euros et pas à 9,99 comme indiqué à la fin de ta vidéo. Peux tu me tenir informé stp.

    • @AxelParis
      @AxelParis  4 года назад

      Bonjour Yannick, en effet Udemy à changé leur système de promotion récemment c'est un peu embêtant. Voici un lien avec la promotion : www.udemy.com/course/guide-complet-flexbox/?couponCode=44CBE4CCB20116811000
      Bonne journée !

    • @youn2978
      @youn2978 4 года назад

      @@AxelParis super, merci beaucoup, c'est bon j'ai acheté ton cours sur udemy. Bonne journée.

  • @praucasamuel1200
    @praucasamuel1200 3 года назад

    il aurait encore fallu que tu mettes le code source en description pour que l'on puisse manipuler avec toi

  • @flaks7831
    @flaks7831 4 года назад

    Salut c'est quoi le theme de ton vs code ?

  • @inyenyericreative9929
    @inyenyericreative9929 3 года назад

    good tuto brother
    give me a link for javascript beginners

  • @louispotiron4226
    @louispotiron4226 4 года назад +1

    Salut, t'as quelle âge ?, sinon super vidéo !

    • @AxelParis
      @AxelParis  4 года назад +1

      Merci ;) 21 ans à l'heure actuelle

  • @musictoze
    @musictoze 2 года назад

    J'ai malheureusement pas 99.99€ pour la formation mais bonne vidéo !

  • @etiennephilippe4943
    @etiennephilippe4943 4 года назад

    C'est quoi ton IDE

    • @AxelParis
      @AxelParis  4 года назад

      Visual Studio Code :)

  • @synergydevelopment3666
    @synergydevelopment3666 2 года назад

    Bonne vidéo, par contre, prends un pastille Valda :)

  • @marsouin48
    @marsouin48 4 года назад

    Bravo !!! Je connaissais déjà mais je suis tombé par hasard sur cette vidéo et cela m'a remis en tête certaines notions oubliées. Excellent pédagogue.
    Une seule chose gênante : la fenêtre en bas à droite de ton visage qui cache parfois ce qu'il pourrait être utile de voir... c'est énervant ;)
    Je m'abonne et vais aller voir tes autres productions.

    • @AxelParis
      @AxelParis  4 года назад

      Merci pour ton retour ! Oui je l'ai remarqué qu'après ^^

  • @xavierv2659
    @xavierv2659 3 года назад

    Si le coté technique est interessant et maitrisé, la manière est hésitante, ton image en permanence insupportable ainsi que tes bruits de gorge. Si tu es malade, attends d'aller mieux pour faire une video. Bon courage et persévère.

  • @MartinCotCouture
    @MartinCotCouture 4 года назад

    Je ne crois pas que votre visage soit important pour la compréhension de la matière et de plus il cache certaines informations expliquées. Sinon bonne vidéo.

  • @LinuxForLife
    @LinuxForLife 4 года назад +1

    On voit bien que vous l'avez compris, mais les explications sont
    confuses. Dommage ... De pus, passé le début du tuto, votre image n'est plus nécessaire car
    tout le bord inférieur droit n'est plus visible !
    Pour le côté présentation: Arrêtez de déglutir et tousser tous les 30 secondes, c'est très
    pénible pour l'auditeur. Regardez à la télé: il nen le font pas ! Prenez vos dispositions pour prévenir cela ...

  • @jean-luchemme7643
    @jean-luchemme7643 4 года назад

    Se présenter, c'est bien, mais avoir la tête de l'intervenant en permanence, c'est pénible et ne sert à rien. Ça gâche la vidéo, c'est de l'égocentrisme, c'est dommage.

    • @AxelParis
      @AxelParis  4 года назад +1

      Merci pour votre retour ! Ça fait plaisir 💪

    • @viahney7200
      @viahney7200 4 года назад +1

      C'est très subjectif, personnellement j'apprécie de le voir c'est juste du contact humain, même si c'est vrai que parfois ca peut encombrer l´'écran pour le tuto il y a aussi de la communication non verbale qui peut aider à rester concentré.

    • @crf9235
      @crf9235 4 года назад +1

      Super Axel nous fait des vidéos super travaillées et très bien expliquées et le seul retour que tu as a faire est celui la 🤦‍♂️
      Toujours a chercher ce qui ne va pas
      Et puis pour le coup ca permet de rester attentif 😁

    • @AxelParis
      @AxelParis  4 года назад +2

      Ahah heureusement que je le prends bien ^^
      Merci !

    • @jean-luchemme7643
      @jean-luchemme7643 4 года назад

      Prenez exemple sur Grafikart.fr, pas besoin d'avoir l'intervenant en permanence à l'écran, c'est pro, c'est optimisé !

  • @Airk76
    @Airk76 2 года назад

    merci

  • @tasneemshaikh2233
    @tasneemshaikh2233 4 года назад

    Merci :)

  • @poletoD
    @poletoD 2 года назад

    merci