Live Example
This is a live example of Cataract analyzing GitHub.com's CSS.
View GitHub.com CSS Analysis Report
This analysis was generated using:
ruby examples/css_analyzer.rb https://github.com -o docs/github_analysis.html
The example demonstrates:
- Real-world CSS parsing performance - Analyzing 16,000+ rules from GitHub.com
- Property usage statistics - Top properties and their frequency
- Color palette extraction - All colors used across the site
- Specificity analysis - Distribution of selector complexity
- !important usage patterns - How often declarations are marked important
The analysis is regenerated each time documentation is built with rake docs.
Running Your Own Analysis
You can analyze any website or CSS file:
# Analyze a website
ruby examples/css_analyzer.rb https://example.com
# Analyze a CSS file
ruby examples/css_analyzer.rb path/to/styles.css
# Save to HTML report
ruby examples/css_analyzer.rb https://example.com -o report.html