CSS : Positionnement et mise en page

Surveiller le module des CSS Grid Layout

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Les standards adoptent également le mode grille et proposent un travail en mode brouillon. Ce mode vous offre de multiples possibilités d'expérimentation.
02:24

Transcription

Les standards proposent également des grilles et le W3C travaille sur un brouillon actuellement en proposant une approche donc de ces grilles avec pareillement le même principe de fonctionnement. C'est-à-dire, les conteneurs puis les éléments qui vont se placer à l'intérieur, qu'il s'agisse de rangées et de colonnes etc. et un travail sur les sous-grilles. Alors, justement en parlant des sous-grilles, ici on ne les trouve pas dans la partie du W3C mais si vous vous rendez sur la version éditeur ici, la version qui est en cours d'écriture, voyez qu'ici les sous-grilles sont apparues dans la partie des conteneurs donc venez plutôt toujours sur les dernières versions éditeurs pour être sûr d'avoir les derniers éléments avec dernières prises en compte. Assurez-vous du côté de « Can I use » de leur portabilité sur navigateur et voyez que pour l'instant seul Edge l'intègre. Les autres navigateurs ne l'intègrent toujours pas. Cependant, Firefox, lui, si vous activez le layout CSS grid, va pouvoir les gérer moyennant le tiret moz, le pré fixage. Donc ici pour activer cela, il suffit de se rendre sur firefox, d'aller dans le fameux menu caché about config. Voila et on vous dit « Attention, danger. » Oui, j'ai promis et là il suffit donc d'aller chercher le layout CSS grid. Ici, voyez, vous pouvez maintenant venir l'activer. Donc il suffit de venir double-cliquer dessus pour l'activer. Voila, c'est fait. Firefox le prendra en compte. Et pour chrome... Alors, pour chrome il demande d'activer les « experimental web platform features ». Donc, il suffit de venir ici. Cette fois-ci il faut taper «chrome flags ». Une fois que vous avez activé chrome flags, on va rechercher cette fois features. Voila, si je recherche features. Donc ici il suffit de passer en 'activé', il était déjà activé. Vous pouvez l'activer. Cependant je vous invite à vous rapprocher de Enable de webplatformadobe.com sur lequel vous avez pour tous les navigateurs comment on va pouvoir activer l'intégralité des prises en compte de tous ces éléments qui sont un peu expérimentaux et qui permettent de travailler en parallèle du W3C et éventuellement donner des retours de bug, c'est ce qui fait vraiment avancer le schmilblick, voilà. Donc, une fois ces modes de grilles activés, on va aller voir comment les utiliser.

CSS : Positionnement et mise en page

Exploitez le positionnement en CSS et tirez parti des techniques pour mettre en forme votre site. Utilisez la flottaison des éléments, les propriétés de positionnement, etc.

5h01 (55 vidéos)
Aucun commentaire n´est disponible actuellement
Logiciel :
Thématiques :
Design web
Standards du web
Spécial abonnés
Date de parution :31 août 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !