Découverte du CSS : Float, Flex ou grid ?

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

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

  • @vicktorzakrecords2625
    @vicktorzakrecords2625 2 года назад +5

    Float flex ou grid ? Floaexgrid est la solution !

  • @florianm22
    @florianm22 2 года назад +3

    Il y a aussi le futur CSS Grid Masonry qui va permettre de créer des sortes de grilles flexibles sur une dimension, comme l'affichage que l'on a sur Pinterest.

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

    Comme d'habitude, extrêmement clair et précis ! Merci beaucoup pour ton altruisme

  • @mariusdev
    @mariusdev 2 года назад +19

    Merci meilleure formateur français. l’Afrique te remercie tu aides tellement les développeurs africains ! Longue vie à toi merci 🙏 ❤️

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

      Wesh calmes toi l'ami. Arrêtes de parler au nom des africains

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

      @@bled72 toi tu es juste un ingrat alors ! A cause de grafikart tu sais pas tt ce que je sais faire dans le domaine actuellement donc je parle de la majorité.

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

      Je ne dis qu’il fait pas du bon boulot. Mais doucement avec les courbettes. Au pire parles pour toi, ne parles pas au nom des « développeurs africains ».

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

      @@bled72 la liberté d’expression tu connais ? Bon aller bonne journée

    • @1conscience0dimension
      @1conscience0dimension Год назад

      @@bled72 c'est du mimétisme, ça ne reflète absolument pas la réalité. Tu connais l'expérience de Milgram... Ce n'est pas rendre honneur à l'auteur que de perdre tout sens critique. Mais je pense que celui est conscient de ses lacunes, plus que ne le sont la plupart de ceux qui commentent.

  • @joemayinzimukawa8871
    @joemayinzimukawa8871 2 года назад +6

    Le grid est puissant par sa nature multidirectionnelles mais un peu complexe je pense qu'il faut l'utiliser à des positions complexes et quand on veut gérer toutes les directions (Verticale et horizontale), le Flexbox est très intéressant et facile à mettre en place quand on travaille sur des positionnements simple à une seule direction soit vertical ou horizontal jamais les deux à la fois, pour Float personnellement j'ai pas eu à l'utiser sur des positionnements complexes juste je m'en sers peut être positionner un élément enfant de type inline à droit ou à gauche de son parent mais l'utiser dans des trucs comme la navBar, la Sidebar ou des blocks je ne trouve pas nécessaire.
    Merci pour cette vidéo Cher Jonathan

    • @grafikart
      @grafikart  2 года назад +5

      Oh très bonne manière de voir les choses (le côté 2 dimensions). Je le réutiliserais pour expliquer ça la prochaine fois qu'on me demandera.

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

    C'est une erreur de dire aux devs front de faire leur flex, grid layout eux-mêmes. Les gabarits de pages web sont essentiels et trop importants pour les laisser à l'appréciation des devs front. Dans les fait, les devs font n'importe quoi avec ces valeurs css et les gabarits, au lieu d'être standardisés pour tous les projets de l'entreprise, ils sont mal fait. Privilégiez plutôt un gabarit fair pour tous les projets de la boite fondés sur un fork de bootstrap par ex. les grilles (12 pour le desktop) sont très biens faites. Les éléments de page ainsi que les pages elles-mêmes seront harmonisés et standardisés. JB

  • @silvereledev
    @silvereledev 2 года назад +3

    J'ajoute immédiatement cette vidéo à mes favoris !
    MERCI pour l'initiative 💜

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

      Mangaflix est un bon cas d'utilisation du display grid :D

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

    comme toujours, video au top avec explications très claires même si on pense bien connaitre les propriétés en question, encore merci infiniment pour tout ce que vous apportez.

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

    Bonjour et merci pour cette approche comparative. Ce que j'ai retenu est que c'est en fonction de qui décide (parent ou enfant) que le choix technique est fait. Philippe P.

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

    Merci Grafikart. Vous avez le talent technique et pédagogique.

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

    Cé bon lé gars g trouvé la technique, mettez tout en position absolute et mettez un breakpoint pour chaque pixels (seulement 2000 breakpoints suffisent pour généralement) pour avoir un contrôle total sur ce que vous faites 😎

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

      Merci pout la technique 👍🤭 une solution rapide et peu chronophage 👍

    • @Maxxamande
      @Maxxamande 9 месяцев назад +1

      😂

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

    Au top ! T'es le meilleur Grafikart merci pour ce que tu fais pour la communauté !

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

    salut @grafikart, j'ai une idée de vidéo. Serait-ce possible de faire une vidéo sur comment tu stylises les (liste) ? Comme tu le sais, pas moyen à l'heure actuelle de changer cela en CSS (car défini par l'OS). L' équipe de Chrome et celle d'Edge sont en train de travailler sur un élément similaire, le qui sera entièrement stylisable. En attendant, comment t'en sors-tu pour styliser les ? J'ai vu des solutions en ligne, mais en 300 ou 400 lignes de code, CSS + JS. Merci 💚

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

    Là c'est pas possible je vais croire que t'es un cyborg à force... Hallucinant de fournir autant de contenu qualitatif + bosser en même temps O_O

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

    Bonsoir monsieur le grand formateur merci beaucoup pour vos formations qui sont très très bien explique .je voulais juste vous demande si vous pouvez nous aider à réaliser un tutoriel sur les applications multi platforms comment réaliser ses gerre d’applications .le jour où vous serai libre encore une fois merci vraiment

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

    Excellente vidéo comme d'habitude. Merci!

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

    Mrc bcp❤️🤲

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

    bonjour si possible je voudrais avoir un cours sur la création du backoffice d'un site e-Commerce svp

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

    Elle est jolie ta cuisine, plus que les zones des slides qui n'ont pas été affiché :P. Kappa Kappa

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

    Merci

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

    Merci

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

    merci

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

    Merci

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

    Grafikart, la machine à tuto !
    Merci ;)

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

    J'aime et je trouve le concept intéressant de faire des vidéos courtes

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

    Merci ! Je vais arrêter de mettre du flex partout haha

  • @mohamadou.mouktar
    @mohamadou.mouktar 2 года назад

    🙏 Merci beaucoup pour les éclaircissements. Toujours au top 👌

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

    7:19 pourquoi width est calc(25% - 30px /4)? et pas seulemnt 25% - 10px?

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

      Car ti tu as 3 colonnes tu as 3 espaces de 10px entre les colonnes, donc tu as 30px que tu dois distribuer dans 4 colonnes

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

    Merci Grafikart, c'est super clair

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

    Salut très bonne vidéo. Pour ta caméra ça serait sympa je pense de la mettre comme tu faisais sur tes lives, en rond (border-radius: 50%; 😉). Parce que la elle cache du texte à certains moments

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

      Ah c'est une bonne remarque, je ferais ça la prochaine fois que j'ai une webcam pendant les présentation.

  • @didier..n..1567
    @didier..n..1567 2 года назад

    Bonjour simple question peut on intégré du grid et le flexbox.. ensemble et dans quel contexte.

    • @Maxxamande
      @Maxxamande 9 месяцев назад

      Tu peux complètement. Par exemple tu va avoir le gros de la découpe de tes div en grid, et un de ses enfants peut parfaitement être en flex à l’intérieur pour des raisons de simplicités.

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

    Super cours ^^

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

    jusqu’à combien un bon développeur indépendant peut gagner ?

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

      Il n'y a pas de chiffre, cela dépend de son temps de travail et ce quel est son activité.

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

    super video dommage de te voir pendant toute la video j aimais bien avant quand tu disparaissait au bout de 15secondes c'est plus clair ça rend mieux a limage

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

      Cela dépend des vidéos, là vu qu'on est plus dans le format "présentation" je préfère laisser l'image pour avoir du mouvement plutôt que des longues images fixes. Pour les cas où il y a plus de code ça ne changera pas ;)

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

    Merci pour ce REX intéressant et pratique

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

    Vraiment au top comme explication :)

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

    Merci frère. Good job

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

    Toujours aussi intéressant, merciii pour tout ton temps consacré

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

    Hyper bien expliqué pour l'instant j'utilise les flexbox je trouve les grids un peu casse tête.

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

      C’est vrai que c’est casse tête mais c’est super puissant pour des design complexes

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

      @@command_maker6 effectivement

  • @Jonathan-ny9wt
    @Jonathan-ny9wt Год назад

    Merci pour cette vidéo, je commence tout juste et j'aimerais savoir s'il est possible de faire des menus déroulants avec Grid ?

    • @Maxxamande
      @Maxxamande 9 месяцев назад +1

      Le grid c’est pour du positionnement. Pour du menu déroulant je le fais en js

    • @Jonathan-ny9wt
      @Jonathan-ny9wt 9 месяцев назад

      @@Maxxamandemerci beaucoup pour l'information

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

    Je veux échanger avec vous svp

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

      Il y a le formulaire de contact sur le site pour cela ou le tchat grafikart.fr/tchat