Boss-CSS: I created another "CSS-in-JS" lib(dev.to)
dev.to
Boss-CSS: I created another "CSS-in-JS" lib
https://dev.to/wintercounter/boss-css-i-created-another-css-in-js-lib-and-here-is-why-23kc
6 comments
> I wouldn't be able to count on my 2 hands how many times I've Googled the term tailwind line-height, because of course, it's leading and I keep forgetting that.
Me too! Some being text, others font, is one that constantly trips me up.
Me too! Some being text, others font, is one that constantly trips me up.
[deleted]
I also did some experiments in this space as I have the same complaints about Tailwind
https://github.com/aziis98/preact-css-extract
I made this as I couldn't stand writing another 2K lines css file and wanted to try the atomic css wagon without having to switch from preact or having to learn tailwind
https://github.com/aziis98/preact-css-extract
I made this as I couldn't stand writing another 2K lines css file and wanted to try the atomic css wagon without having to switch from preact or having to learn tailwind
Happy to see a new CSS-in-JS lib. All of this madness about runtime performance costs does not apply to 99.9% of the population. But good abstractions do. And then there's latency, and machines are getting faster, and browsers getting better, etc etc. This whole argument and the related FUD was all a non-issue to begin with, at the great cost to DX.
I encourage you to read the short paragraph at https://www.w3.org/TR/html-design-principles/#priority-of-co...
[deleted]
It's my own work, that I stopped working on a few years ago in the finish-line, and few weeks ago I decided to finish it using AI.
The article gives some history, some introduction to the lib, and highlights some of it's features.
I do not intend to actively maintain it, unless there's interest, but I just wanted to put it out there, because it was bothering for so long that so much work I've put in it could go to waste.
I hope it can show something new.
DISCLAIMER: Articles is polished using AI without sentence changes, only inlcudes grammar fixes and custom changes based on its suggestions.