Compare these two sites:
1. https://justfuckingusetailwind.com/
2. https://fuckyouiwontusetailwind.com/
On mobile, the first site is infinitely more pleasant to use. It sells itself by comparison!
https://fuckyouiwontusetailwind.com keeps it simple on purpose (also because it's copying https://perfectmotherfuckingwebsite.com on purpose)
> <button class="bg-sky-500 hover:bg-sky-600 active:bg-sky-700 text-white px-4 py-2 rounded-lg">Click me</button>
So, I avoid modern webdev, because... reasons.... but is the argument here, really, that this is better than. <button>click me</button> with the default styling applied to button { ... } in style.css?
Follow up question, wasn't the point of css so that you didn't have to write excessive html like this?
Tailwind also doesn’t polyfill.
It uses CSS variables (custom properties) extensively. Which you can also do with just CSS.
Defining properties locally is a legit preference, but you can also use CSS for this.
I know it’s intended to be funny (at least most of the time), but there’s usually truth under the expletives, I believe that humour factor has been lost.
This is not the thinkpiece that dismantles Tailwind, come back another time.
There is one thing that Tailwind is good for, and that's for making sure people can't override your CSS easily. Anybody who's ever used Stylus to override Tailwind-created CSS will know this pain.
(That said, I think this site is rather... abrasive. That doesn't help anybody.)
[edit: Also, in case it's not obvious, I'm not actually advocating for making sure people can't override your CSS. Please, please let me override your CSS.]
CSS is pretty hard to be proficient in, and maintain, but there's an intentionality to it that improves the results, from my experience.
In contrast, tailwind is so easy to clone "beautiful" designs. A THOUSAND beautifully cloned designs slide into your app that nobody needs to care about. and it's a fucking nightmare of reality but no one cares because that's for the LLMs to sus out.
(I say all this as one who's been thoroughly Stockholm syndrome'd by Git, knowing full well that my own argument applies just as much to me in that regard....)
As someone who got good at Bootstrap, I have to say that Tailwind sucks: it feels like you’re just doing CSS with low-granularity classes. Sure, flexibility, but to the same extent that makes CSS terrible, only now your HTML is littered with inconsistencies.
CSS being nice: one sheet that renders your pages consistent and nice with minimal littering is the markup code.
CSS being sucky: Disconnect between what the CSS codes do, and where they’re used, nearly impossible to clean up, and easy to end up with duplicate efforts.
Bootstrap, for me, strikes the balance better: you do add some classes to the markup, and you get some smart stuff for free, like responsiveness via media queries, but if you want highly configured elements, you extend the CSS; you make a design system and stick to a few custom, high-level classes, and you don’t tack a million classes together at the markup level.
If you need a converter for a normal HTML/CSS component, my free extension SnipCSS is the best Tailwind converter. I haven't seen anything else come close.
Sarcasm? Bait? Woefully misinformed?
Not all code is written by LLM these days.
llmslave2•2h ago
The author should take his own advice. It is a tool and a useful one at that, why all the rage bruh.
vsgherzi•2h ago
dymk•2h ago
csspurist•1h ago
dymk•24m ago
Popular != default
guywithahat•2h ago
I also think CSS frameworks will be here to stay so long as many of the big backend frameworks like Ruby on Rails and Elixir Phoenix use generators. If they're generating pages they may as well throw CSS in there, and I don't want them using custom CSS. If I'm building a static site though I certainly wouldn't use a framework, and I think the author is right in some regards
llmslave2•1h ago
I don't really see people getting angry about utility-based css, just tailwind for some reason.