Live data from Hacker News

Play with TailwindCSS in the Browser

play.tailwindcss.com

91–100 of 300 posts

Re: Play with TailwindCSS in the Browser

#91
It would be nice if we started adding more css features to inline styles seeing the success tailwind css has.

The only reason I use tailwind is that I can keep styles close to markup, I would just use inline styles if they had access to media queries and pseudo selectors

Re: Play with TailwindCSS in the Browser

#92

There is only two kinds of people. The ones that don't like Tailwind and the ones that have used it. I know it is conceptually "wrong" and a bunch of well crafted CSS classes would be more elegant. In the end it works, works really well and makes collaboration dead simple. Commonly used groups of classes can either be aliased by @apply or used in a (react) component. I used CSS way before Tailwind was a thing and in…

Naw, I don't feel this way. I'm not a huge fan of Tailwind. I've used it and I get the appeal, but I think it's the next flavor of the year. Next year we'll have something that supersedes it.

Re: Play with TailwindCSS in the Browser

#93

Earlier quoted context omitted.

It pushes you to componentize common UI elements. Feel bad to have long utility classes that look like . Change it to: Submit using whatever tooling you prefer. If you don't use this style, maybe you won't like it. I've found it's a waste of time to extract classes for items that are not repeated. And putting utilities in components lightens your "master" CSS file and makes it a lot easier to work with CSS. I've foun…

> It pushes you to componentize common UI elements. Feel bad to have long utility classes that look like . Change it to: Submit using whatever tooling you prefer. Even when you do that, you're still delivering the long, repetitive mark-up to the browser, rather than relying on the CSS engine to handle this for you. You're making the DOM MUCH MUCH heavier than it needs to be and ignoring the rendering engine that's op…

> I confess I'm guessing here, and haven't tested it

Maybe you shouldn't make unsubstantiated claims like this then?

> Tailwind improves the developer experience at the expense of badly optimised code bloating and slowing the user experience.

I only say this because if your claims about performance are wrong, your comment seems to boil down to "I don't like CSS frameworks," which is fine, nobody's forcing you to use Tailwind.

Re: Play with TailwindCSS in the Browser

#94
post #16

Im sorry but I don’t understand how anyone can look at that and think it’s a good way to build UIs. I’m almost certainly in the wrong, considering how popular this library seems to be getting, but holy heck that looks like a tedious mess to work with. It’s like you have to learn every raw CSS selector, and then also learned how it’s represented in Tailwind, and then scatter that all over your markup.

I totally thought this until I started using it on a full project. Six months in and I can't imagine writing traditional CSS or nested SASS classes anymore. Combined with either Flexbox or CSS Grid, the speed with which you can put together a good looking web page is crazy fast.

I thought it looked silly when I started my current job and saw it for my first time in their frontend applications.

Took a little bit to get the hang of, but once I did I was working WAY faster without the mental overhead of having to cross reference 2 text files (HTML + CSS) to build the same UI, keep them in sync, come up with names, etc. I iterate so much quicker, refactoring is so much faster cause you can literally just cut and paste a block of elements, throw them somewhere else, and they just render properly cause you brought the styles along with them. Screen size breakpoints make it so much easier to make responsive UIs. You get a free, built-in layout and color system.

It eliminated basically all the major painpoints of building UIs that I had before. I use it in all my personal projects now.

Re: Play with TailwindCSS in the Browser

#95
post #16

Im sorry but I don’t understand how anyone can look at that and think it’s a good way to build UIs. I’m almost certainly in the wrong, considering how popular this library seems to be getting, but holy heck that looks like a tedious mess to work with. It’s like you have to learn every raw CSS selector, and then also learned how it’s represented in Tailwind, and then scatter that all over your markup.

I totally thought this until I started using it on a full project. Six months in and I can't imagine writing traditional CSS or nested SASS classes anymore. Combined with either Flexbox or CSS Grid, the speed with which you can put together a good looking web page is crazy fast.

Is it not because you forgot CSS and instead remember the tailwind names?

Re: Play with TailwindCSS in the Browser

#96
post #16

Im sorry but I don’t understand how anyone can look at that and think it’s a good way to build UIs. I’m almost certainly in the wrong, considering how popular this library seems to be getting, but holy heck that looks like a tedious mess to work with. It’s like you have to learn every raw CSS selector, and then also learned how it’s represented in Tailwind, and then scatter that all over your markup.

I do not know much about CSS but Tailwind was very straightforward, and through it I got to learn things in CSS which weren't made obvious before. It's funny that you use the terms "tedious mess" because that's exactly how I feel about CSS without it. Handling screen sizes, print, colors, and simple layouts.. all that seems way too annoying to do in pure CSS to my non-frontend-dev mind, and trivial to do with Tailwind.

Re: Play with TailwindCSS in the Browser

#97

There is only two kinds of people. The ones that don't like Tailwind and the ones that have used it. I know it is conceptually "wrong" and a bunch of well crafted CSS classes would be more elegant. In the end it works, works really well and makes collaboration dead simple. Commonly used groups of classes can either be aliased by @apply or used in a (react) component. I used CSS way before Tailwind was a thing and in…

I'm apparently one of the few that tried it and didn't like it. I think it didn't click with me because we're already using Vue components to scope our styles, and honestly we don't use utility classes that much.

Re: Play with TailwindCSS in the Browser

#98
I like the Tailwind approach, but I still start projects with Bootstrap, because it comes with a nicer out-of-the-box experience.

Also, it seems to me that Bootstrap started following the utility-classes approach more and more over the years (px-1, flex-column, etc.)

Bootswatch themes are nice too.

Re: Play with TailwindCSS in the Browser

#99

There is only two kinds of people. The ones that don't like Tailwind and the ones that have used it. I know it is conceptually "wrong" and a bunch of well crafted CSS classes would be more elegant. In the end it works, works really well and makes collaboration dead simple. Commonly used groups of classes can either be aliased by @apply or used in a (react) component. I used CSS way before Tailwind was a thing and in…

No at the end you end up having to learn all their classes, for almost no gain in speed of dev, and then you forget how to do stuff in CSS.

For me Tailwind barely make it anything faster but I have to learn all their classes and then I am stuck to have to relearn CSS when their is custom stuff. Maybe for greenfield or MVP sure. But if you are on a big project you have one or more designers and 99% of the time you have things that needs to be customized.

Re: Play with TailwindCSS in the Browser

#100

Earlier quoted context omitted.

As someone who's been doing CSS for 20 years now, I think Tailwind is an absolute blessing. They've gone a bit crazy with the latest features, but the core of it is so productive to use, especially in teams. Big fan here.

Once again, productivity is not the ultimate goal of a profession. Your product is suffering in quality because you are taking shortcuts.

Do you have any basis on claiming that the product suffers in quality from using tailwind?
Post reply on HN