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

    Femme Profil pro
    Étudiant
    Inscrit en
    juin 2015
    Messages
    3 059
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Bénin

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : juin 2015
    Messages : 3 059
    Points : 8 502
    Points
    8 502

    Par défaut 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
    Rédacteur/Modérateur
    Avatar de jreaux62
    Homme Profil pro
    Webdesigner
    Inscrit en
    août 2008
    Messages
    14 582
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Arts - Culture

    Informations forums :
    Inscription : août 2008
    Messages : 14 582
    Points : 29 501
    Points
    29 501

    Par défaut

    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"...).
    "Si tu suis le chemin qui s'appelle « plus tard », tu arriveras à la place qui s'appelle « jamais »."
    François Camille Prévot (1910-1996), instituteur puis Directeur d'école et... mon grand-père.
    "Pose ta question, tu seras idiot une seconde. Ne la pose pas, tu seras idiot toute ta vie."
    Albert Einstein (1879-1955).
    Mes tutos DVP
    Gestion-Affichage de Nouvelles
    Affichage en tableau HTML
    Fonctions de redimensionnement d'images

  3. #3
    Membre expert
    Homme Profil pro
    Développeur .NET
    Inscrit en
    novembre 2009
    Messages
    1 611
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 30
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : novembre 2009
    Messages : 1 611
    Points : 3 986
    Points
    3 986

    Par défaut

    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/

Discussions similaires

  1. Réponses: 2
    Dernier message: 30/07/2018, 23h06
  2. Les meilleurs cours et tutoriels pour apprendre le CSS
    Par Laethy dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 16/02/2017, 18h27

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo