Partage
  • Partager sur Facebook
  • Partager sur Twitter

Grid, flexbox ou position.

    1 juillet 2020 à 12:45:43

    Bonjour à tous,

    Voilà que je suis le cours pour faire un site web en HTML/CSS en complément de mon bachelier et je me pose une question.

    Durant mon année, dans le cours de web de base, on a vu le positionnement seulement avec les positions (absolute, relative, fixed) principalement pour placer notre <nav> et le tout compléter par un système d'une grille de 12.

    Avec le cours sur OPC je vois la manière de faire avec flexbox (que je trouve plus dur que celle vu durant mes cours) et j'ai aussi lu qu'il y avait le CSS Grid + les "anciennes" méthodes utilisés (float, inline-block,...).

    La question que je me pose est de savoir qu'elle est la "meilleure" méthode à utiliser ? Est-ce selon le travail à effectuer ? Ou juste une question de préférence ? J'ai également lu que bootstrap utilisait le principe de flexbox mais que celui-ci pouvait être lourd (en termes de poids) à utiliser.

    Merci d'avance de vos éclaircissement.

    • Partager sur Facebook
    • Partager sur Twitter
      1 juillet 2020 à 13:47:00

      Salut,

      Il n'y a pas de "meilleure méthode" générale et ce n'est pas qu'une question de préférences, chaque positionnement a un rôle bien précis. Aucun des positionnement ne sers à la même chose hormis peut-être GRID ET FLEX qui se ressemble un petit peu. 

      À toi par contre de voir selon ce que tu dois faire quel sera le choix le plus judicieux, si il y a un design en grille ou non si cela doit changer au responsive, etc.., etc..

      Ça viendra avec le temps et quand tu te retrouvera face à un mur surtout, tu vas surement prendre l'habitude de construire tes pages avec un positionnement spécifique mais tôt ou tard tu sera confronté à un problème de positionnement qui te fera penser autrement, par la suite ça sera intuitif. 

      Ne te pose pas trop de question pour le moment, essaie simplement de connaitre leurs fonctions, comment ils réagissent et ce qui est faisable avec, le reste viendra tout seul par la suite !

      • Partager sur Facebook
      • Partager sur Twitter

      -> Hébergement GRATUIT <- Parfait pour débuter/dev/test/...

      Grid, flexbox ou position.

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur
      • Markdown