article(s) dans votre panier VOIR

Apprendre la grille Offset du framework Materialize CSS

  • Vidéo 4 sur 20
  • 2h22 de formation
  • 20 leçons

Un contenu flash devrait s'afficher ici. Votre navigateur ne comporte pas de plugin flash, ou il ne s'est pas correctement initialisé.

Vous pouvez télécharger le plugin flash depuis le site d'Adobe à l'adresse suivante : http://get.adobe.com/flashplayer/.

Pour accéder à la suite de cette formation, vous devez vous abonner.
previous
summary
resume
next
play
La grille offset
00:00 / 02:23
HD
fullscreen
Je m’abonne
à partir de 16,6 € / mois
  • Visionnage en ligne
  • Accès illimité à toutes nos formations
OU
J'achète uniquement
la formation
39,90€
  • Téléchargement + VOD à vie
  • Accès uniquement à cette formation

Détails de la formation

Dans ce tuto, l’expert vous apprend comment maîtriser le Framework pour le Material Design de Materialize CSS en utilisant la grille Offset. L’objectif de ce cours consiste à créer des cases vides dans une grille. Pour ce faire, vous devez créer un Row à partir du code . Une fois fait, vous définissez le nombre de Div que vous souhaitez obtenir en saisissant .col.m4*Nombre de Div. Cela terminé, vous avez un code HTML qui est généré automatiquement pour la mise en forme des Div. Ce code ne contient pas encore de numéro de colonne et vous devez le saisir manuellement. Pour créer de l’espace vide entre deux cases, vous mettez le code offset-m après la class col. Cela fait, vous voyez dans l’interface du site qu’il y a une espace vide entre les cases. Concernant la taille m, il vous est possible de le remplacer par celui qui vous convient. Pour cela, vous disposez de différentes tailles comme le s et bien d’autres. Vous pouvez appliquer dans votre code un offset-s8 s4. Vous remarquez que l‘affichage varie en fonction de la taille de l’écran. Ce procédé vous permet d’avoir une page qui s’adapte à plusieurs device en gardant un design responsive. Dans le cas des appareils avec une petite taille d’écran, l’affichage de la page change et vous avez des espaces libres afin que l’interface ne soit pas trop chargée. Suite à la visualisation de ce cours en ligne, vous savez maintenant le rôle de la grille Offset de Materialize CSS.