Share
CSS Grid Layout est un brouillon du W3C qui définit un système de grille puissant pour faciliter la mise en page de vos pages Web à l'aide de CSS..
Dans notre nouveau cours, 3 projets CSS Grid pour les concepteurs Web, vous allez construire trois projets pour vous aider à comprendre ce qui sera possible avec "Grid"..
Avec les conseils détaillés de Craig Campbell, instructeur d’Envato Tuts +, vous travaillerez sur trois projets pour vous aider à maîtriser la mise en forme CSS Grid..
Le premier est le niveau débutant et vous présentera les concepts de la grille. La seconde prend les choses à un niveau, en examinant des choses comme l'alignement et l'imbrication. Le projet final est encore plus avancé, utilisant Flexbox en combinaison avec Grid. Après ces trois projets jusqu’à leur achèvement, vous passerez progressivement de débutant en grille à un utilisateur de grille confiant..
Voici quelques leçons gratuites de ce cours, qui vous donneront un aperçu de vos attentes:
Apprenez à créer une présentation de grille simple avec CSS. Nous allons définir nos zones de grille en utilisant le colonne de grille et rangée de la grille Propriétés.
Liens connexes
Parfois, vous pouvez avoir besoin d'un système de grille dans un autre système de grille. Dans cette vidéo du deuxième projet, vous allez créer des grilles imbriquées à l'aide du module CSS Grid Layout..
Liens connexes
Dans le troisième projet, les choses deviennent plus avancées. Dans cette vidéo de la dernière section du cours, vous allez tracer la grille principale de ce projet..
Liens connexes
Vous pouvez suivre notre nouveau cours immédiatement avec un abonnement à Envato Elements. Pour un seul forfait mensuel, vous aurez accès non seulement à ce cours, mais également à notre bibliothèque croissante de plus de 1 000 cours vidéo et de livres numériques de premier plan sur l'industrie sur Envato Tuts.+.
De plus, vous obtenez maintenant des téléchargements illimités à partir de la vaste bibliothèque Envato Elements de plus de 200 000 photos et de plus de 26 000 ressources et modèles. Créez avec des polices, des photos, des graphiques et des modèles uniques et livrez plus rapidement de meilleurs projets.
Vous voulez toujours en savoir plus? Nous avons élaboré un guide complet pour vous aider à apprendre le CSS en ligne, que vous soyez débutant avec les bases ou que vous souhaitiez explorer un CSS plus avancé. Découvrez Learn CSS: The Complete Guide.
Accentsconagua