Live data from Hacker News

Tailwind CSS v3.0

tailwindcss.com

331–340 of 448 posts

Re: Tailwind CSS v3.0

#331

I've never used Tailwind CSS. I watched the video "Just-In-Time: The Next Generation of Tailwind CSS" and all of it seems like they're solving problems that are entirely of their own creation, and doing so in an impressively complex way. The use case demonstrated was suppose you have a twitter button on your site, and it has to have a background color of #1da1f2 because that is Twitter's brand color. Instead of writi…

[deleted]

Re: Tailwind CSS v3.0

#332
post #88

Earlier quoted context omitted.

The difference is you type that lingo inline into the HTML instead of in separate files and you don't have to come up with any class names.

This, I've used it only for about a week, there's no way I could go back now.

You’re not wrong. Once it’s in there, it’s not easy to remove/replace again.

Re: Tailwind CSS v3.0

#333
post #88

just got parachuted into a tailwind project. have to say I don't fully get it. the major stumbling block has been how tailwind is mostly just css translated into its own hard-to-memorize lingo. For example, say I want to do something basic like "display:flex; justify-content: start". In tailwind you would type "flex justify-start" instead. Which doesn't really follow any rules as far as how to get from A to B, so it'…

The difference is you type that lingo inline into the HTML instead of in separate files and you don't have to come up with any class names.

Those files (and components) still need sensible names (that would make very nice class names).

Re: Tailwind CSS v3.0

#334

I've never used Tailwind CSS. I watched the video "Just-In-Time: The Next Generation of Tailwind CSS" and all of it seems like they're solving problems that are entirely of their own creation, and doing so in an impressively complex way. The use case demonstrated was suppose you have a twitter button on your site, and it has to have a background color of #1da1f2 because that is Twitter's brand color. Instead of writi…

I like Tailwind, but I felt the same thing.

Tailwind definitely solves a problem for me. I don’t like writing CSS, and Tailwind serves a (very) thin abstraction layer. I don’t have to worry about reusing CSS, figuring out how to name my classes, or what CSS selector I need.

I guess these features are helpful, but they’re hilarious to read. “Arbitrary color support” is a release note you’d see in the 90’s

Re: Tailwind CSS v3.0

#335

Earlier quoted context omitted.

Or make a Button component in your framework of choice. function Button = ({ children }) => {children} Create Edit // Same style Delete // Same style

No, we don't want all of the buttons to look identical. Some are big and some are small; some are bold and primary and some are muted and secondary; some have icons; some have shadows; some are disabled, etc, etc. It's easy to make them identical. The challenge is to be as flexible as necessary in a mature application, while minimizing verbosity and complexity. In my experience Tailwind hurts more than it helps here.…

You should look more into design systems. It's not only for Figma files but can structure your whole frontend. To extend on the example above, you can do something like :

  Primary Button
  Medium
  Small

Re: Tailwind CSS v3.0

#336
Tailwind has to have the gold standard of library docs - impeccably well thought out with the fastest & relevant quick search UX.

The invaluable utility of which ultimately convinced us to implement real-time search into our docs as well.

Re: Tailwind CSS v3.0

#337
Why have very spurious html, intertwined with the presentation layer?

Are you going to update all your HTML in a year when a fresh new hip library lands on your HN homepage?

Re: Tailwind CSS v3.0

#338

I've never used Tailwind CSS. I watched the video "Just-In-Time: The Next Generation of Tailwind CSS" and all of it seems like they're solving problems that are entirely of their own creation, and doing so in an impressively complex way. The use case demonstrated was suppose you have a twitter button on your site, and it has to have a background color of #1da1f2 because that is Twitter's brand color. Instead of writi…

Well using square brackets is kinda not preferred with Tailwind. You'd rather use something like `bg-blue-400`. And even from your example you see that you are writing less styles. I agree that going outside what Tailwind provides is kinda non-optimal but in general it provides nice building blocks that makes keeping the design consistent easier.

I was in the Tailwind is dumb camp also until I tried it. Then I realized I can ship my own prototypes faster because I wont waste time fine-tuning margins or picking colors. It isn't perfect of course but nice when speed is your top-priority.

Re: Tailwind CSS v3.0

#339
post #129

Earlier quoted context omitted.

I believe there are accessibility problems with using divs and spans where a more semantic element would suffice.

Yes, you should always be using the elements/tags with the most semantic meaning you can. When you need to add divs, spans and classes for styling reasons though, they're going to be ignored by screen readers so there's no problem here.

Yeah, I guess my concern is that a lot of developers don’t really seem to understand the difference between semantics and style.

Re: Tailwind CSS v3.0

#340

I tried Tailwind (and a similar project Windi) on a few projects now and have some findings. Tailwind aggressively speeds up development time of components by allowing me to stay in the same cobtext when styling things. The brevity of class names also dramatically shortens the time spent writing styles. While working on the projects I'd setup with Tailwind, I felt far more productive. However, those were new projects…

we use tailwind along with a component system. works great.
Post reply on HN