Tailwind CSS

Tailwind CSS is a framework supplying utility CSS classes. Derived by Adam Wathan from 2019, it gained second popularity as the default output of generative code agents.

Tailwind vs. Semantic CSS

Chris forwarded Tero Piirainen, where a (though anecdotal) comparison on size of similarly designed websites was made.

CSS isn’t broken: Tailwind, utility classes and CSS architecture

tl;dr: Naming helps with creating better components.

I forgot my attitude towards Tailwind reading Adam’s preach the first time, possibly during the last climax of COVID-19. I am vigilant that I seemed to completely accept Tailwind’s notion to reform HTML/CSS, at most with some restrictions.

‘bg-yellow-30 font-bold in the preach. Eight lines of div in practice. We are different.’

Tailwind is bad

Chris quoted Tero again. Tero unveils what the logic should be,

“The most reusable components are those with class names that are independent of the content.” But that’s not how Adam understood the sentence. Instead of moving towards more reusable class names, he introduced a custom grammar to inline styling rules directly to HTML.