DEV Community

loading...
Cover image for How do you analyze your CSS?

How do you analyze your CSS?

starbist profile image Silvestar Bistrović ・2 min read

Recently I posted a question on Twitter:

I got only one response, but it was significant. Bart Veneman posted his tools for CSS analysis. It was a great discovery for me. I am playing with these tools ever since, and I am trying to learn new ways to analyze my CSS files.

Before this, I often used CSS Stats to see the performance of my CSS, and Specificity Visualizer to see the specificity graph.

CSS is still a very underrated part of the web technology stack. Tools like these are the right step in bringing attention to the importance of the efficient and performant CSS code.

Do you know of any other tool? How do you use it? What in particular, are you looking for in these analyses?

Discussion

pic
Editor guide
Collapse
piyukore06 profile image
Priyanka Kore

We use stylelint to lint our CSS. There's isn't any explicit style testing. But for important components e2e tests with cypress (But I guess that's more about after interactions, like if some element is active etc..)

Collapse
starbist profile image
Silvestar Bistrović Author

I am using stylelint, too. It is a great tool, but it doesn't fit the analysis part.
Back in the day I have used regression test, but it wasn't cypress.
Thanks for the comment, though.