$ 18.00

Tuto L'intégration facile avec les grilles CSS avec CSS

$ 18.00

  • Une formation vidéo de 1h48m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Dans cette formation CSS de plus de 1h40, vous allez apprendre à utiliser les grilles CSS, nouveautés de CSS 3 qui vont vous permettre d'intégrer vos sites Web plus rapidement.

Les grilles CSS (CSS Grid) font partie d'un module complet comme Flexbox qui contient donc un ensemble de propriétés qui vous permettront nativement de créer des grilles complètes et adaptées à toutes vos futures intégrations.

Ce module étant relativement récent, il est supporté actuellement pour plus de 90% des utilisateurs actifs du Web. Il est donc recommandé de ne déployer un site qui utilise les grilles CSS que si vous avez une solution secondaire pour le support des plus anciens navigateurs qui ne sont pas compatibles.

Que vous décidiez d'utiliser les grilles CSS dès aujourd'hui ou dans quelques mois lorsque le support sera encore plus large (autour des 95-97% de support selon moi pour ne plus prendre en compte les anciens navigateurs incompatibles), vous allez considérablement améliorer vos développement avec le langage CSS et prendre de l'avance sur votre apprentissage.

Pour comprendre cette formation, des pré-requis sont nécessaires :

 

Cette formation grille CSS se divise en 3 parties :

  • Une première approche des grilles CSS.
  • Une deuxième partie consacrée à des propriétés plus poussées pour avoir des grilles parfaitement adaptées à vos projets.
  • Un cas pratique pour voir l'utilisation des grilles CSS sur un exemple de dispositions d'articles responsive (vous pouvez voir ce petit projet dans la vidéo d'introduction et dans la galerie d'image plus bas).

Les fichiers utilisés dans cette formations vous sont fournis dans les fichiers sources.
Je reste disponible dans le salon d'entraide pour répondre à vos questions. 

Bonne découverte de CSS Grid !

Table des matières de cette formation CSS (durée : 1h48m)

  • Première approche de Grid
    • Introduction 00:09:59
    • Créer un conteneur 00:11:05
    • Gérer les lignes et les colonnes 00:13:20
    • Propriétés raccourcies 00:02:58
    • Gérer l'espace occupé par un élément 00:12:05
  • Des grilles encore plus complète
    • Créer des zones 00:15:55
    • Les gouttières 00:06:01
    • Alignement de la grille et des éléments de grille 00:08:06
    • Comportement de la grille 00:09:37
  • Cas pratique
    • Une grille universelle ? 00:08:14
    • Cas pratique 00:10:11
    • Conclusion 00:01:10



Formateur : Steven Sil

Steven Sil a publié 35 tutoriels et obtenu une note moyenne de 4,6/5 sur 17 473 tutoriels vendus. Steven Sil est un formateur certifié tuto.com. Voir les autres formations de Steven Sil

5,0
note moyenne

2
avis laissés
5 étoiles
2
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de valerie-a77 laissé le 06/09/2018
    Bonsoir et merci pour cette formation très intéressante. J'ai surtout beaucoup apprécié les 2 premières parties. Explications claires et précises. J'ai déjà suivi des formations sur Grid mais là vous avez passé en revue chaque propriété et valeur (ou du moins la plus grande partie utile), le top du top. Le cas pratique est bien aussi mais là j'avoue avoir été un peu larguée ; je n'ai donc retenu que la partie css sur le grid pour le cas pratique. :-) Sur les 2 premières parties j'ai fait des fichiers css et html différents pour conserver chaque cas et mis pas mal de notes en commentaires - fichiers que je garde bien au chaud ;-) Ce cours est vraiment complet. Bravo !

  • 5
    avis de tindal35 laissé le 29/04/2018
    Comme d'habitude de la part de Steven, une excellente formation qui va à l'essentiel. 1h40 pour gagner un maximum de temps et de plaisir(enfin...) dans l'intégration.L'utilisation de grid va simplifier tous les placements sur la page. Grâce à toi, je finirai peut-être par aimer le css (ô_ô)

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS 3
  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
accédez à plus de 1141 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données