CSS dispose à présent de nombreuses pseudo-classes pour adapter le style d'un élément en fonction de son état.
Un "framework" CSS qui semble assez bien conçu tout en évitant d'être trop complexe et lourd. Ça reste bien entendu un surplus à télécharger pour vos visiteurs et donc à surveiller.
Les inconvénients de Tailwind CSS par rapport à l'utilisation de CSS directement.
Encore un petit plaidoyer pour arrêter de sur-utiliser les framework et essayer de se cantonner à ce que propose la Web Platform et qui suffit dans de nombreux cas.
Le peaufinage poussé à l'extrême pour configurer la façon dont un select custom (bientôt possible dans tous les navigateurs) se positionne et s'étend.
Ça permet de se rendre compte de la complexité qui se cache derrière des éléments qui paraissent simples.
De la complexité d'animer les modals (comme dialog, popover) avec CSS.
Encore une master piece d'explication et d'exploration des animations qui sont fonction du niveau de défilement (scroll).
Il existe des propriétés CSS qui informent les sites des zones du viewport à éviter, à cause des encoches ou des appareils photos frontaux qui rognent sur l'écran.
Un témoignage intéressant de migration de Tailwind vers CSS d'une développeuse qui ne se considère pas experte en CSS.
J'aime bien l'approche progressive et pragmatique, je pense que ça parlera à beaucoup de gens qui envisagent de faire la même chose mais n'osent pas se lancer. CSS est devenu intimidant mais l'apprivoiser en vaut la chandelle.
Un plaidoyer pour CSS plutôt que Tailwind.
Comment gérer le style d'une table HTML avec CSS.
Des snippets CSS qui illustrent les propriétés ajoutées ces dernières années à CSS et comment elles remplacent d'autres propriétés historiques avantageusement.
@scope permet d'isoler certains styles très facilement, ce qui permet de se passer de noms de classes excessivement spécifiques.
Introduction aux fonctions avancées modernes du CSS pour faire des sites qui s'adaptent à l'écran sur lequel ils sont affichés sans utiliser de media queries.
On parle à présent d'intrinsic design.
Un reset CSS bien argumenté qui met en lumière certaines propriétés CSS intéressantes.
La spécification CSS pour les layouts de type "masonry" (blocs en quinconce) est quasiment terminée, et la preview peut être testée dans Safari. Quelques noms de propriétés vont probablement changer, mais l'article décrit très clairement comment ça fonctionne.
Commet mêler <dialog> et view-transition pour animer le zoom sur une image.
Apprenez l'histoire du nom des couleurs "nommées" dans la norme CSS.
Un outil pour créer un styleguide et l'exporter.