Salut les amis! En juin dernier (ce qui semble déjà si lointain au pays des CSS !), j’ai eu le plaisir de parler de la mise en page CSS lors de la conférence CSS Day. Je suis heureux de dire que la vidéo est maintenant publiée ! Jetez un coup d’œil pour en savoir plus sur tout un tas de techniques de mise en page CSS modernes, avec quelques petites astuces.
J’ai essayé de mettre beaucoup de choses dans cette conférence, mais ce que j’ai essayé de souligner, c’est que bon nombre des nouvelles fonctionnalités CSS dont nous disposons nous aident (et même nous encouragent) à adopter le Web flexible d’aujourd’hui. Celui où nous ne pouvons pas prédire sur quel type d’appareils notre utilisateur navigue sur notre site Web, mais où nous pouvons nous assurer que nos mises en page sont robustes à travers tous périphériques, en évitant la perfection des pixels au profit de quelque chose de plus intrinsèque au Web. Honnêteté matérielle, comme Jeremy en parlait. La diversité est la force du Web, pas sa limite.
Les requêtes sur les conteneurs sont ici !
En parlant de mise en page CSS, Container Queries a enfin atterri dans la dernière version (stable) de Chrome ! Miriam Suzanne a une excellente rédaction couvrant la syntaxe.
Il y a aussi un polyfill par l’équipe Chrome, vous pouvez donc l’utiliser maintenant !
:a() aussi !
Comme si ce n’était pas assez de nouvelles passionnantes sur la mise en page CSS, Chrome et Safari ont fourni un support pour :has(), AKA “le sélecteur de parents” ! Jen Simmons a la vérité ici, et Una Kravets couvre les deux fonctionnalités pour le blog des développeurs Chrome.
Sur la flexibilité
Quelque peu lié à la flexibilité du Web, j’ai apprécié la lecture d’un récent échange d’articles de blog entre David Rupert et Matthias Ott. Dave déplore la gamme de plus en plus sauvage d’emplois imposés aux développeurs front-end. Ils parlent tous les deux de rôles de « pont », et Matthias souligne qu’une évolution du design thinking est plus que jamais nécessaire, compte tenu de toute la flexibilité que CSS nous offre désormais (voir ci-dessus !).
J’aime voir ces conversations se dérouler, même s’il faudra peut-être un certain temps avant que nous nous mettions d’accord sur les solutions.
- Le Web est un gestionnaire difficile par Dave
- De meilleurs ponts par Matthias
Smashing Conference Fribourg 2022
Vous voulez tout savoir sur les dernières et meilleures fonctionnalités de mise en page CSS ? Venez à la conférence Smashing à Fribourg, du 5 au 7 septembre ! Nous explorerons les requêtes de conteneurs et bien plus encore, en direct sur scène !