Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

CSS : Positionnement et mise en page

Découvrir les compléments avec les shapes

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Le W3C travaille sur des recommandations définissant l'usage de shapes. Parcourez les divers types de documents qu'il est conseillé de consulter dès que vous travaillez sur des recommandations en cours d'écriture.
03:13

Transcription

Arrivons enfin à l’exploration des shapes qui sont des formes en fait qui vont pouvoir être des fromes issues de fichiers image ou directement de fichiers décrits par des polygones et par des cercles écrits etc, on va voir tout ce petit travail-là qui peut être organisé. Les Exclusions and Shapes qui étaient en fait un module commun qui maintenant si vous venez dans la dernière version, en fait on se retrouve dans des exclusions uniquement, ici on vient dans la version éditeur, ici on est toujours dans la partie exclusion, donc on va regarder ce qu’il va se passer au travert de ces shapes comment ils vont se fusionner parce que quelque part les shapes vont nous servir à pouvoir faire soit des containers qui vont recevoir de l’information, soit des containers qui vont exclure de l’information donc c’est assez lié quelque part. Donc à bien suivre de ce côté-là. Par contre on s’aperçoit que les shapes sont bien distribués sur l’ensemble des navigateurs, firefox ne les utilisent pas, edge non plus, par contre chrome et opéra qui sont basés sur moteur webkit et on les intègre moyennant directement l'intégration sans l’utilisation de préfixage. Quoi qu’il en soit il éxiste un CSS-shapes-polyfill qui va permettre d’accorder tout le monde, donc si vous travaillez exclusivement sur du web, vous n’êtes pas forcé d’utiliser du polyfill, donc maintenant si vous voulez voir plus large, n’hésitez pas à employer cet outil de contournement ici. Donc je vous invite également à vous rapporcher du Github de adobe qui va vous permettent d’approcher un certain nombre de concepts et de travaux, autour des formes du shape, il y a des expérimentations assez sympa. Pareil autour de adobe qui est beaucoup impliqué dans l’écriture de la recommandation des shapes et des exclusions notamment. Sur le web platform type blog, vous avez des articles assez sympas qui sont intéressants à venir creuser et à explorer, et puis deux discussions que j’ai trouvé intéressantes, pas les deux seules mais les deux que j’ai trouvé intéressantes, le shape-inside ici, l’abandon, déjà le non fonctionnement du shape-inside padding et polygone en fonction de certaines activations sur la prise en compte du navigateur, mais surtout à partir de la version 37 de chrome, chromium aussi , surtout chromium qui travaille en amont de google chrome, le fait de dire que les CSS shapes de level 1 contiennent simplement la outside, donc la shape-inside a été retirée et pourquoi a-t-on retiré shape inside qui ne fonctionne pas. Donc je vous montrerai comment le faire fonctionner avec des vieilles versions de chromium antérieures à 37. Voilà donc l’environnement dans lequel on va travailler avec les shapes et avec les exclusions et c’est vrai que je les ai séparé au travers de diverses étapes pour que ce soit un peu plus chronologiques , mais c’est vrai que tout ça c’est un peu fusionné, ça nous permet de travailler la mise en page et l’alignement du texte sur certaines parties qui pourront être soit des formes soit des blocks pour pouvoir faire un meilleur habillage de texte dans nos contenus.

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 !