CSS : Positionnement et mise en page

Explorer les recommandations et caniuse

Testez gratuitement nos 1255 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Identifiez le périmètre d'exploration et découvrez la méthode de travail. W3C, caniuse, GitHub et polyfill vont être de puissants alliés !
04:28

Transcription

On voit un chapitre qui va être maintenant un peu en frise et en marge de ce qui peut se faire puisqu’on va explorer des secteurs qui sont en brouillons, qui ne sont pas forcément validés, qui font marche avant, marche arrière avec des navigateurs. Mais ça va nous permettre de mieux voir comment on peut rester branchés sur les CSS, comment on peut continuer à les suivre tout en évoluant. Je vous invite à aborder ce chapitre avec pas mal de pincettes et de guillemets. Première page de départ, ce sont les CSS current work, c’est là où on va pouvoir voir et suivre les travaux du W3C au niveau des recommandations, et surtout des groupes de travail qui sont affectés. Alors surtout ce qui est intéressant de voir ici c’est how to participate, vraiment vous pouvez vous impliquer, vous pouvez poster des bugs, et au contraire c’est recommandé parce que les navigateurs, des fois, attendent des retours là-dessus avant de continuer à implémenter certaines choses à leur manière, donc il faut vraiment envoyer des retours là-dessus, on n’est plus dans le dictat du W3C on attendait que les recommandations soient sorties pour les employer. Non, employons-les dès aujourd’hui. Alors ce que je vous invite à regarder autour de ce chapitre, ce sont les régions déjà, alors vous voyez que les régions sont en wroking drafts, les deux versions, celle qui est en cours et celle qui va venir, upcoming. Les shapes, qui sont qulque chose de Candidates Recommandations pour les deux, et puis les exclusions où on a pas mal d’avancées et de retour, il y a des choses qui fonctionnaient et qui ne fonctionnent plus, qui ont été retirées des navigateurs, on va voir tout cela au fil des étapes. Donc voilà ici toujours en étape de brouillon. Une fois que vous avez visualisé ce genres d’éléments ici vous pouvez directement cliquer sur ces parties là pour rejoindre la partie éditeur ou groupe de travail, pour pouvoir mieux appréhender les possibilités qu’elles offrent. Ici j’ai été chercher dans les régions modules, alors n’hésitez pas, lorsque vous retombez sur ces pages-là à repartir ou, sur la dernière version en cours, au niveau de la représentation écrite du groupe de travail, soit de venir sur la version éditeur qui d’une part qui est beaucoup plus lisible parce qu’on a cette partie gauche qui d’entrée de jeu s’affiche et nous permet de voir rapidement d’un simple coup d’œil les propriétés et méthodes, où on en est, où on en est pas etc, et la partie droite qui est vraiment la dernière partie manuscrite de cette fonctionnalité et quelles sont les implémentations. Alors ici, les régions, les exclusions, qu’on reverra en détail chaque fois, donc je fais juste l’inventaire pour l’instant, les shapes, les formes, et puis forcement puisque ce sont des parties qui sont un peu en exploration. Forcement les polyfills parce que si c’est déjà en exploration pour les navigateurs modernes, ça veut dire que les plus anciens ne vont pas pouvoir le lire, et donc sur le adobe-web platform ici on n’a pas mal de polyfills qui ont été fait pour les shapes. Rapprochez-vous du « Can I use » parce que automatiquement d’un coup d’œil vous allez avoir aussi la prise en compte par les versions et les navigateurs, puis quand ce n’est pas pris en compte cela vous dit quand ce n’est pas supporté c’est en presque support avec les polyfill ou les propriétés ou le préfixage qu’il faut utiliser par exemple ici le edge pour les régions et puis sur les exclusions vous voyez que ce n’est pas très populaire du côté de chez les navigateurs, on dira qu'il y a choses à faire. Ne perdez pas de vue que sur le web platform ici, enable, rappelez-vous le encore plus que jamais, déjà on l’avait fait un peu en avant pour les grids, là il va falloir le faire aussi, et de voir en fonction des navigateurs que vous avez, et sur lesquels vous voulez travailler, par exemple ici chrome, ou comment on va mettre en route les parties expérimentales prises en compte par les navigateurs. Et enfin rapprochez-vous ici de Modernizr, de Github, où un grand ensemble de de polyfills sont listés et c’est là où vous allez pouvoir venir faire vos marchés. Pour ce qui est de Shapes region Exclusion on aura ce qu’il faut sous le capot, mais si des fois vous explorez d’autres secteurs, d’autres environnements développés par le CSS et le W3C, donc c’est là où vous viendrez chercher d’éventuels polyfills si vous n’en trouvez pas ailleurs. Voilà donc ce rapide tour de table sur ce chapitre étant fait, je vous invite, sans plus tarder, à aller l’aborder.

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 !