This is a simple webpage (hosted here) that displays the most used CSS-properties and whether SerenityOS' Browser implements them.
Google provides us with the tasty CSS-property-metric-data collected by the usage statistics in Chrome. Conveniently there is an endpoint that just spits out JSON.
Getting the implemented properties from SerenityOS is a bit harder and also quite naive:
There is a file called Properties.json
that includes all properties that the parser recognizes. However this doesn't neccessarily imply that the given properties are indeed implemented nor that they are in any way shape or form spec-compliant. It's a good first approximation though.
It's plain HTML, SCSS and JavaScript.
To create the CSS from SCSS use your favourite converter, for example this VS Code extension.