Le Reboot.css (.scss en l'occurence) de Bootstrap. Les explications sont ici: https://v4-alpha.getbootstrap.com/content/reboot/
J'aime bien l'idée d'essayer de se cantonner aux marges inférieures et de supprimer les marges supérieures, je pense que ça peut simplifier les choses et éviter quelques effets indésirables (et épargner un peu la touche F12).
Une autre analyse qui parle aussi des problèmes que présentaient les reset.css et autres normalize.css.
La version CSS est ici.
Un puissance 4 en pur CSS. Impressionnant :)
Styliser les champs d'un formulaire en fonction de leur état à l'aide des pseudo-classes.
Des plugins de post-processing CSS pour éviter les problèmes liés au chargement des webfonts (par exemple le texte qui est invisible tant que la font n'a pas été chargée).
L'idée est d'appliquer une classe à l’élément <html> via Javascript seulement une fois que la page est chargée. Et c'est cette classe qui déclenchera le téléchargement des webfonts. Le faire à la main nécessite pas mal d'organisation. Ces plugins rendent ça transparent.
Les Grid CSS et Flexbox très bien illustrés.
Supprimer le style par défaut des éléments de formulaires grâce à appaearance. Mais comme d'hab, IE est un cas à part...
Faites danser vos lettres !
Un affichage type comic book avec les grid CSS. C'est assez réussi :)
Via https://blog.stephaniewalter.fr/semaine-pixels-13-octobre-2017/
La propriété font-display (pour laquelle on devrait plutôt parler de "descripteur pour font-face" comme mentionné dans l'article) permet d'indiquer au browser quoi afficher le temps qu'il télécharge les webfonts de la page.
Un outil de Mozilla pour apprendre à utiliser les grilles CSS.
Un outil CSS-only pour noter (donner une note) de 1 à 5 étoiles.
Quel CSS peut-on utiliser pour le design de mails.
Un workaround CSS pour ne pas avoir de valeur inattendue dans le event.target d'un event handler en Javascript quand vous l'attachez à un élément plus haut dans le DOM.
Ça fait un peu bizarre de devoir mêler ainsi du CSS et du JS mais pourquoi pas. Attention au support navigateur par contre.
:focus-within permet de styliser un élément qui contient un élément qui a focus.
Changer la couleur du curseur d'insertion de texte.
Une lib pour répartir une liste d’éléments en colonnes automatiquement.
C'est une alternative à jQuery Masonry.
Un outil très intéressant dans Chrome qui permet de mapper un fichier local (par exemple un fichier CSS ou JS) et un fichier distant. Du coup, lors du chargement, le browser charge votre fichier local à la place du fichier distant et le met à jour en temps réel. C'est extrêmement utile pour le CSS notamment.