Adam Wathan - Tailwind CSS: It looks awful, and it works - Rails World 2023 

Data attributes, data attributes, DATA ATTRIBUTES 😂

Great talk, Adam 👊 Also holy crap, you look FIT AF 🔥

Fantastic talk! I found myself enjoying styling html after I started using tailwind. And it is so productive! Love it!

Tailwind to me does not look ugly. Great job. Learn a few tricks here.

wow! I will use Tailwind for my next project. Super cool demo.

Still not convinced - CSS in HTML so why not just do CSS? And classical Wathan - use divs and ps because why not to ignore semantic tags and screen-readers.

This is another GREAT presentation from this Rails day. Next time I got to be there!

So good! So many tricks in this one.

Great talk!

For the edgy ones out there. I complement bootstrap with tailwind. Tailwind get it's own scope with tw- and I love it.

I thought I know Tailwind but every time I watch any of Adam's videos I learn something new 😮( he has a RU-vid channel, I recommend checking it out)

Nice talk! Really enjoyed it

I used it and I love and hate it. I love the utility classes, I hate the readability. I hate how you micro manage the browser, instead of let the browser do the heavy lifting. Probably works great in react where everything is a component, even your link and button. But when it's not, changing the color of a button or a link can be a little more hassle.

what is he using in vscode for the browser preview? I can't find the extension

Tailwind is amazing! Thanks!

Trying to use it but buggered if I can get it working

What VSCode extension is used for the preview?

How else can you tell that Adam Wathan is Canadian? Only Canadians would get this reference "It looks awful, and it works"

What extension makes erb to be previewable?

Devs that grew up with React are fine with this. Inline all the things.

👏👏👏

i am using vimesh style - which is fully compatible with tailwind, except it is a javascript library, only 30KB. Together with alpinejs, extremely powerful. No more "building" stuff (which i truly hate).

Then I got here!

When I started using flexbox and grid I feel like superman. Than I started using them in tailwind now I feel like Voldemort with infinite powers.

The best part of Tailwind -- you don't need to come up with those pesky names for CSS classes!

I get it. It's an awesome idea, but it still feels hard to maintain consistency. Partials are a good tool, and using this with WebComponents does make sense to me. View Helpers also feel like a good too. Still, I can't help but read the code and have to spend a lot of time parsing the sum total of CSS properties... There's an entirely new syntax of kind-of-but-not-quite class definitions.

This modern frontend styling is making my head spin. I'm a Laravel developer and tried and failed to like tailwind so many times! This video did not win me over. Until something easier comes around, I'll be using bootstrap, bulma or better yet rely on frontend colleagues. It's gotten complicated and there is a lot to memorize, even with the fancy autocompletion of the IDE.

Interesting talk. Some people find this awesome, and thats great. I've recently inherited a rails/tailwind client and its pretty bad. For example, the developer struggled to maintain consistency, because everything is inlined. Extracting page content into a cms requires deleting all the classes and applying the styles in css. Its more complicated to figure out what has broken when something goes wrong. Stylisticly I'm not a fan, because I dont want my templates extra complicated. Styling/CSS isnt the only thing that needs thinking about in a template and its much better for me to keep that away in a css file, making the erb templates more readable. Just my 2c.

and that's how i became third😄

I got here first 😌

Talwindcss is ugly, but readable and declarative. And for me, that’s a win

Why not just use the style attribute and have some helper classes for the magic. I would like to see all examples compared to that.

It looks like more brutal version of bootstrap for me. Not sure how to memorize all these classes.

We have trapped ourselves in a prison made of html and css.

A horrible solution in need of a problem.

Thanks I hate it.

So rails goes to great lengths to provide maintainable html and you've just totally gone against the grain. Perhaps it would be better if you actually understood exactly what Rails is about before presenting this. It's definitely not for me

I tried it - and I really, really don’t like it!

Ah yes, ... certainly WAAAYY more readable than 💍💍💍🎪

No, thanks.