Open source · Node.js
StyleStats parses any HTML or CSS document and produces a small set of metrics — selectors, colors, font sizes, cohesion, !important usage — that act as an early warning system for stylesheet complexity.
Sample reports we keep on file — pick one to see the metrics.
Count selectors, unique colors, font sizes, and float properties — the signals that drift first.
Average and lowest cohesion scores reveal selectors that try to do too much at once.
!important driftSpot specificity wars before they become impossible to untangle.
Articles on CSS, design systems, and front-end craft.
Yes, a website can confirm that a visitor is above an age threshold without learning who they are, as long as the architecture is designed for it. The key is t…
Casino bonus terms are hard to read on mobile because the layouts that carry them were built to make the offer visible, not the conditions readable. On a phone…
Why OKLCH Is Replacing Hex and HSL in Modern CSS Color Systems For most of the web’s history, a colour in CSS was a hex code. Designers picked it in a tool, de…
Poor Interaction to Next Paint almost always has the same root cause: when a user clicks, taps or types, the browser's main thread is busy with JavaScript or r…
A good AGENTS.md is short, specific, and mostly about things an agent cannot discover by reading the code: the exact commands to build and test, the package ma…
There was a good, honest reason developers reached for CSS frameworks for the better part of a decade. Plain CSS, for all its ubiquity, genuinely could not do…