Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

  1. #1
    Community Manager

    CSS Grid pratique : un tutoriel pour apprendre à ajouter Grid à un design existant
    Chers membres du club,

    J'ai le plaisir de vous présenter ce tutoriel de Eric Meyer dont le but est de vous apprendre à ajouter Grid à un design existant avec CSS Grid.

    CSS Grid nous permet de définir des colonnes et des rangées, puis d'y attacher des éléments dans l'ordre que nous voulons. Cela vous fait peut-être penser aux tables, mais Grid est infiniment plus que ce que les tables ont jamais rêvé de faire. Il rend possibles des layouts plus « responsifs », des documents bien plus accessibles et un markup plus propre qu'avec les floats et le positionnement habituels.

    Depuis des années que le CSS existe, jamais il n'a proposé un pareil système. Et Grid est déjà supporté dans Firefox, Chrome, Opera et Safari. Nous sommes à l'aube d'une nouvelle ère du design numérique.
    Bonne lecture .

    Retrouvez les meilleurs cours et tutoriels pour apprendre le CSS
    Vous avez envie de contribuer au sein du Club Developpez.com ? Contactez-nous maintenant !
    Vous êtes passionné, vous souhaitez partager vos connaissances en informatique, vous souhaitez faire partie de la rédaction.
    Il suffit de vous porter volontaire et de nous faire part de vos envies de contributions :
    Rédaction d'articles/cours/tutoriels, Traduction, Contribution dans la FAQ, Rédaction de news, interviews et témoignages, Organisation de défis, de débats et de sondages, Relecture technique, Modération, Correction orthographique, etc.
    Vous avez d'autres propositions de contributions à nous faire ? Vous souhaitez en savoir davantage ? N'hésitez pas à nous approcher.

  2. #2
    Invité
    Invité(e)
    Ce serait bien de "rappeler" la compatibilité du "grid system CSS" selon les navigateurs...

    I.E. reste la "norme" dans certains pays / sociétés (qui n'ont pas les moyens techniques/financiers d'"évoluer"...).

  3. #3
    Expert confirmé
    Citation Envoyé par jreaux62 Voir le message
    I.E. reste la "norme" dans certains pays / sociétés (qui n'ont pas les moyens techniques/financiers d'"évoluer"...).
    C'est d'autant plus drôle que c'est Microsoft qui est à l'origine du css grid https://blogs.msdn.microsoft.com/ie/...ptive-layouts/