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.
Des layouts communs intégrables facilement dans vos projets avec très peu de code CSS.
Comment concevoir correctement un champ OTP (One-Time Password) uniquement avec HTML et CSS.
C'est vrai que la grande majorité de ces champs est une plaie à utiliser (copier/coller qui ne marche pas, curseur qui saute d'un champ à l'autre sans raison, impossibilité d'effacer facilement l'un des numéros, etc.).
L'utilisation des view transitions CSS n'est pas exactement triviale pour le moment, mais cet article en détricote quelques détails.