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.
Introduction à view-transition en CSS. Pas encore supporté pleinement dans Firefox mais ça arrive tout doucement.
La propriété CSS field-sizing: content permet d'ajuster la taille d'un <textarea> en fonction de son contenu, mais elle fonctionne également sur les <input> et <select>.
Un CSS reset léger et simple, expliqué en détail par son auteur.
Un guide sur les couleurs en CSS, et tout l'éventail d'outils qu'on a pour les manipuler et les configurer.
Il est loin le temps du choix binaire entre l'hexadecimal et la fonction rgb !
Exemples d'utilisation créative de la nouvelle propriété CSS corner-shape.
Seulement dans Chromium pour le moment.
Utilisation ingenieuse de anchor positioning CSS (positionnement par ancre) pour créer un indicateur de focus qui "flotte" d'un élément à l'autre quand vous appuyez sur TAB.
Les media queries CSS sont devenues très complètes et vont bien au delà de la détection de la largeur du navigateur.