TobyAsE / Serenity-CSS-properties

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Ladybiords supported CSS properties

This is a simple webpage (hosted here) that displays the most used CSS-properties and whether Ladybird' 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 Ladybird 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

About

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


Languages

Language:HTML 64.3%Language:JavaScript 26.7%Language:SCSS 9.0%