wallace-cli
Pretty CSS analytics on the CLI (by bartveneman)
css-analyzer
Analytics for CSS (by projectwallace)
Our great sponsors
wallace-cli | css-analyzer | |
---|---|---|
2 | 4 | |
518 | 302 | |
1.9% | 4.6% | |
5.0 | 8.0 | |
8 months ago | about 1 month ago | |
JavaScript | CSS | |
MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
wallace-cli
Posts with mentions or reviews of wallace-cli.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-05-10.
-
Web Directions Hover 2022 Day 1 notes
Wallace CLI: can run in CI
-
Tools for Auditing CSS
One of my favorite CLI tools is Wallace. Once installed, type wallace and then the site name. The output shows everything you need to know about the CSS code for the site. My favorite things to look at are the number of times !important is used, as well as how many IDs are in the code. Another neat piece of information is the top specificity number and how many selectors use it. These might be red flags for "bad" code.
css-analyzer
Posts with mentions or reviews of css-analyzer.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-12-30.
-
Project Wallace 2022 in Review
The core CSS Analyzer (please star it on GitHub!) has seen 10 releases this year in total: Support for analyzing Embedded Content in CSS, like base64 encoded fonts or images; Lots of browserhacks are now analyzed, ranging from at-rules and selectors to properties and values; The relatively new @layer at-rule is now analyzed Total bundle size went down a lot because CSSTree now supports tree shaking! Lots of performance improvements and less overall memory usage, despite adding more and more features.
-
CSS complexity: it's complicated
My goal is to work on a complete list and implement all these into Project Wallace's analyzer, so we can all inspect the things we've made. Here's a list of things I'm considering to add to CSS complexity:
-
How I built and rewrote the CSS Auditors website
The idea about this site didn’t come over the night. I remember how excited I was when I saw The Project Wallace for the first time. I thought it was so cool, and I should somehow use it in my favor. The problem was I couldn’t figure out how.
-
Tools for Auditing CSS
CSS Analyzer — Generate an analysis for a string of CSS.
What are some alternatives?
When comparing wallace-cli and css-analyzer you can also consider the following projects:
constyble - CSS complexity linter
youtube-stats-card - 🚀 Dynamic YouTube Stats Card for your github readmes & websites.
container-query-polyfill - A polyfill for CSS Container Queries
csscss - A CSS redundancy analyzer that analyzes redundancy.
genshin-impact-wish-gacha-analyzer - 原神祈願卡池分析 Genshin Impact Wish Gacha Analyzer | A utility for analyzing gacha history, where all data and numbers are well-organized in a convenient manner!
Highcharts JS - Highcharts JS, the JavaScript charting framework
ucss - Find unused and duplicate CSS