Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Tailwind UI

tailwindui.com

Post reply on HN
Print view View original

221–230 of 367 posts

Re: Tailwind UI

#221

Post by Rapzid »

doubletgl wrote: post #201
joaodlf wrote: post #12

When I first learned about Tailwind I though "wow this is amazing!", but it quickly became obvious I was more or less learning another "language", which I really didn't need when re-entering the crazy world of frontend. I might reconsider it again once I am more comfortable with what frontend has become, but that is still quite a bit away.

We ended up painfully removing it from a large frontend project because the custom classes sprinkled everywhere got out of hand and the design started to look more and more inconsistent in a lot of places. Switched to CSS modules (and React components using them) and never looked back.

This is exactly what I'm concerned about at my current location. In a world where it's tough to get anyone to refactor, what's it going to look like after 6 months of use and nobody is creating abstractions into semantic classes?

It seems like if your project is not suited to a "website bashing" or prototyping approach long term, and you need semantic classes to allow for easy theming type use cases, it could be more trouble than it's worth?

Re: Tailwind UI

#222

Post by irrationalactor »

I love Tailwind but hate having to deal with build tools and purgecss and package management and [insert modern workflow hassle] just for a little side project.

Is there anything similar to Tailwind that doesn't require any build process?

Re: Tailwind UI

#223

Post by AbdelilahLbardi »

irrationalactor wrote: post #222

I love Tailwind but hate having to deal with build tools and purgecss and package management and [insert modern workflow hassle] just for a little side project. Is there anything similar to Tailwind that doesn't require any build process?

You still can use the external CDN link. But you won't be able to do a custom configuration file which is completely okay.

Re: Tailwind UI

#224

Post by larrywright »

wolco wrote: post #123
larrywright wrote: post #31

Earlier quoted context omitted.

HTML and css are way too low level to be productive in, in my opinion. Especially when dealing with wide ranges of screen sizes, browsers, and platforms. The only way I’m interested in touching the stuff is if there are tools to alleviate the pain. Caveat: not a UI developer, I’ve mostly done backend work And DevOps for quite some time.

HTML and CSS are too low level? Does such a tool like dreamweaver with response rendering exist? It's an interesting concept.

I base my comment on the effort required to make a simple web page that a) looks the same across different browsers and devices, b) is responsive, c) supports relatively basic concepts like dropdown menus, columnar layouts, etc...

It’s way too much effort for me to want to mess with, and then you have to repeat the same things for every site you make.

Re: Tailwind UI

#225

Post by larrywright »

WilliamEdward wrote: post #183
larrywright wrote: post #11

Earlier quoted context omitted.

If you truly know assembler, C/Python/Ruby/Go is a waste of time. See how dumb that sounds?

I get the sentiment but Python is to assembly as Tailwind is to assembly. It's too far removed. The leap between vanilla css and tailwind is not large at all.

It’s not a perfect analogy, I will concede. C to assembly is closer. That said...

Assembly: raw html and css C: A framework like Tailwind Python: Components, like TaildwindUI or any of the React components I’ve seen

I think that’s not a bad analogy.

Re: Tailwind UI

#226

Post by misiti3780 »

makeee wrote: post #199
atonse wrote: post #5

It's really nice, but is there something this pretty for bootstrap? I literally manage something like 10 different products/websites. And the only way to stay sane and have some pace with features is to use bootstrap for all of them (we currently use bootstrap for maybe 5 of them, and the rest were inherited sites that we're migrating). I love the look of this but don't have the time or the will to migrate all our si…

For React Bootstrap there's http://divjoy.com

looks decent, have you used it? any opinions?

Re: Tailwind UI

#228

Post by rajasimon »

habosa wrote: post #16

For anyone who hasn't tried tailwind I really suggest that you give it a shot. It's made me 2-5x more productive when styling something from scratch.

Bulma user here. I tried tailwind but it never works for me but the Bulma another hand it works perfectly well.

Re: Tailwind UI

#229

Post by misiti3780 »

These UIs look great! Does anyone have any great resources, examples, where one could learn CSS/SCSS to create stuff like this. I know CSS/SCSS enough to edit existing codebases and tweek, but I would not be able to create these from scratch. I would love to improve my design skills.

Re: Tailwind UI

#230

Post by jacobsenscott »

rado wrote: post #4
juretriglav wrote: post #2

I've been following this closely. Given the preview with some components listed it seems exceptionally well made: https://tailwindui.com/components There are also live demos of the app and marketing pages: 1. https://tailwindui.com/page-examples/landing-page-01 2. https://tailwindui.com/page-examples/detail-view-01# Plus a screencast on how to use it to build these pages: https://vimeo.com/393580241/82c6d7c5f6

Looks good and polished, but that landing page requires 165 KB of CSS, gzipped. That's, to put it lightly, ridiculous.

Congratulations on building your time machine. And welcome to 2020. 165kb is nothing these days and only takes a fraction of a second to download and processes even on a slow computer. You're going to find all kinds of other cool cool stuff you didn't have in the 90's. Did you know you can build and deploy an entire application without ever running a compiler or touching a physical machine now? We have REPLs were you can interact with your application live, in real time. It is a really amazing time to be building software now. So, again, welcome.
Post reply on HN