Okay #webdev Twitter-verse - I'm hunting for a utility that will let me count how many CSS declarations are applied to a single component. I doing a major refactor and I need some metrics.
2
1
Almost any browser worth its salt not in alpha had dev tools. You can visualize the entirety of inheritance, the cascade and individual elements and what is attached to them. This is where we have failed in education - browsers. We need to understand them to develop for them!
1
Replying to @mholzschlag @playwrightswife
There are also online visualizers and many extension tools that can do this for you. But we must own the code, not the other way around (heh).

Sep 6, 2019 · 10:32 PM UTC

1
1
Replying to @mholzschlag
I finally decided my solution was to compare the difference between the rendered CSS and then compare the size of the JS template(s). Sometimes we get so bogged down in "sophistication" of tech we forget the simple.
1
1
And how many !important declarations did you see?