// the find
jgthms/css-reference
CSS Reference: a free visual guide to the most popular CSS properties
A visual reference site for CSS properties, built by the creator of Bulma. Each property gets its own page with live rendered examples showing every possible value. It's for developers who learn by seeing rather than reading specs.
The live-rendered examples are the whole point and they work well — you can see `flex-direction: column` actually doing something rather than reading a description of it. Coverage of flexbox and grid is thorough, with each sub-property broken out individually so you can understand the pieces before the shorthands. The Jekyll/static structure means it's fast and trivially forkable if you want to self-host or adapt it. From the same author as Bulma, so the CSS pedagogy is grounded in real production experience.
Last meaningful update was mid-2024 and the property list hasn't grown in years — modern CSS like container queries, `@layer`, logical properties, and `subgrid` are absent. It covers ~90 properties out of several hundred in the spec, so you'll hit its limits quickly on anything beyond layout basics. No search within the site itself, which gets painful when you're trying to find a specific property fast. The source is HTML templates rather than a data-driven format, so contributing a new property means hand-authoring a lot of repetitive markup.