CSS Reference est un guide visuel gratuit pour CSS.
Il présente les propriétés les plus populaires et les explique à l'aide d'exemples illustrés et animés.

Fonction CSS pour générer des palettes de couleur facilement et les stocker en variables CSS.

Un exemple de migration vers le nouveau composant AssetMapper avec une explication de l'impact sur les perfs, des +/-, etc.

Codepen permettant de générer un filtre pour rentre un élément dans une couleur hex donnée. Utile pour changer la couleur d'un svg importée via une balise <img> par exemple.

Plugin permettant d'exporter une partie ou toutes les couleurs d'une feuille figma en choisissant le langage (sass/css/jsx), le casing, le format (hex/rgba), etc.

Équivalent des media queries permettant de filtrer sur la taille du conteneur de l'élément et non du viewport.

Extension Chrome permettant de recharger les CSS sans recharger la page, pratique pour les tunnels de commandes p.ex.

Plugin figma permettant la conversion d'une maquette en différents formats de sortie

Site qui permet de faire des blobz animés très facilement.

Equivalent de caniuse pour les emails, avec % de support et détail des bugs, versions, etc.

Linter pour CSS : mettre en forme correctement son code CSS

Un framework CSS minimaliste

Une collection de snippet présentant des éléments mis en forme avec uniquement du CSS

Librairie de visualisation de données CSS.

Un site contenant pas mal de layout et exemples en CSS

Bibliothèque permettant l'intégration d'un reveal-on-scroll. (Animate Elements On Reveal)

Des dizaines d’exemples de menu burger

Bibliothèque de micro-interactions CSS