/Serenity-CSS-properties

A simple webpage that shows how many of the most used CSS-properties are currently supported by SerenityOS

Primary LanguageHTML

SerenityOS' supported CSS properties

This is a simple webpage (hosted here) that displays the most used CSS-properties and whether SerenityOS' Browser implements them.

Inner workings

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.

Build instructions

It's plain HTML, SCSS and JavaScript.

To create the CSS from SCSS use your favourite converter, for example this VS Code extension.

Contributors