csstree / real-web-css

Using CSSTree to test a real site's CSS and collect usage data

How to use

To load Alexa's site list and make a top of site (data/top-sites.csv):

npm run update:sites

To download a top site's CSS (data/css/*.css):

npm run download:css

If something goes wrong on CSS downloading (freezing, network issue or errors on console), you can abort the process. Downloading will continue from the last successful processed site. You can set the start site by editing data/idx.txt file (if file doesn't exist downloading is start from the first one), which contains just a single number – site index.

To test collected CSS (data/test-results.json):

npm test

To generate a table with a test results and details (README.md and test-details.md):

npm run gen:table

To extract a usage data (usage.md):

npm run gen:usage

Data

Usage

• The list of CSS features used on Alexa TOP 250 sites
• Dictionaries used for testing an existence of feature (mix of different sources and data found on Alexa TOP 250 sites)

Alexa TOP 250

Update date: 2020-10-28T13:50:52.961Z

• Sites: 250
• Downloaded: 216 (34 failed)
• Parsed: 216 (0 failed)
• Validation passed: 14 (202 failed)