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

TailwindCSS v2.0

blog.tailwindcss.com

Post reply on HN
Print view View original

321–330 of 474 posts

Re: TailwindCSS v2.0

#321

Post by pembrook »

aembleton wrote: post #295
pembrook wrote: post #238

Earlier quoted context omitted.

> You probably haven't actually delved into Tailwind on a non-trivial project. This is precisely where Tailwind breaks down IMO. It's fast for landing pages and smaller sites--but when implementing a real design system across a complex web app, Tailwind is a nightmare. We've had to add so much custom stuff to the config file it's basically the same mess our CSS was before. I've been-there-done-that with the whole CSS…

Try https://andybrewer.github.io/mvp/

This looks promising!

Re: TailwindCSS v2.0

#322

Post by markdown »

keithnz wrote: post #313
markdown wrote: post #280

Earlier quoted context omitted.

> adams tutorials videos They're all gone. Vanished completely from the website. And I was half-way through!!! Now they link to somebody's youtube channel for random Tailwind stuff rather than the nice walkthrough/tutorial that were the originals.

seem to be all there :- https://www.youtube.com/playlist?list=PL7CcGwsqRpSM3w9BT_21t...

Oh, thank you. I didn't realise they were on YT as well. The new website points to somebody else's channel (Tailwind Labs) instead of this one.

Re: TailwindCSS v2.0

#323

Post by markdown »

dsissitka wrote: post #312
markdown wrote: post #280

Earlier quoted context omitted.

> adams tutorials videos They're all gone. Vanished completely from the website. And I was half-way through!!! Now they link to somebody's youtube channel for random Tailwind stuff rather than the nice walkthrough/tutorial that were the originals.

Is this what you're looking for? https://v1.tailwindcss.com/course/setting-up-tailwind-and-po... There's a version selector in the upper right corner.

Oh, thanks! I didn't realise they still had the old site up somewhere.

Re: TailwindCSS v2.0

#325

Post by francislavoie »

jacobsimon wrote: post #234
adamwathan wrote: post #128

Framework author here! Don't miss the new landing page, it is probably the part I was most excited to share :) https://tailwindcss.com/ Crazy amount of effort went into building all of these interactive examples, so proud of how it turned out. The trailer in the blog post is absolutely 100% a joke in case it's not obvious. The music was scored for us by a friend, and that's a real life professional opera singer at th…

Hey Adam! I know the video's meant to be over the top but I'd be curious who/what you worked with to make the visuals and animation if you're willing to share :)

This thread talks about it https://twitter.com/adamwathan/status/1329176020122021888

Re: TailwindCSS v2.0

#327

Post by kumarvvr »

For those using libraries / frameworks like React / Angular / Vue / Blazor / Etc. just try Tailwind. It's awesome and fits very well with component based UI systems.

You will have a slight learning curve, but I recommend you try to learn the classes, style your components without looking at the docs for a week or so, and believe me, your productivity will shoot up, and most importantly, you will start thinking in terms of design, look & feel, rather than how do I encapsulate this in css class.

Re: TailwindCSS v2.0

#328

Post by kumarvvr »

kolektiv wrote: post #126

I don't do front end dev, and haven't for a very long time, but can someone help me understand how this doesn't lead to inflexible hard to maintain soup? Just to take colours, for a moment. Ordinarily I might define semantic classes, let's say "primary-nav" or "prominent-action" and apply them to relevant things (and use relative selectors for things inside them, etc.). So if I want to change the colour of all promin…

Ideally, you can use theming.

https://tailwindcss.com/docs/theme

Its slightly more work, but well worth it.

Regarding the 'class soup' thing, I found that using 'primary-nav', etc to also devolve into soups, albeit, soups of a different taste.

Re: TailwindCSS v2.0

#329

Post by nomel »

vntok wrote: post #270
nomel wrote: post #223

Earlier quoted context omitted.

> you would need an HTML source in the tens of MB's range to cause noticeable performance problems. What? Do you ever leave the city? It seems like that’s an unsupported use case any many developers minds.

Okay now I'm growing curious, where in hell do you regularly find HTML sources that weigh tens of MBs?

My point is that it's a problem loong before you reach tens of MB, once you leave the dense cell towers and fast hard links found in a city.

Re: TailwindCSS v2.0

#330

Post by smhmd »

williamdclt wrote: post #175
fishtoaster wrote: post #147

Earlier quoted context omitted.

I was in the same boat. It felt super wrong. It felt like the long, slow nightmare of maintaining an early Boostrap site all over again. But I got peer-pressured into trying it on a medium-sized project and yep: I'm in love. I'm in camp Utility Classes now. The only serious issue I had was when implementing designs provided by an outside designer: 1. The design says this width needs to be 28 px 2. That'd be "w-7", wh…

that sounds like a not-great designer, tbh. Which happens often, what I usually do is not take everything in the design at face value: 28px is actually 32px, which is 8rem, which is `w-something`. It really needs to be 28px this time for some sorta-legit reason? Fine, add a semantic class (or id) for it that's not part of your tailwind framework, kind of dropping down to "usual" CSS

An actual inline style would suffice in this case. Before v2.0, if you want anything other than `top: 0`, it was recommended you do it in the style attribute: `style="top: 20px;"`
Post reply on HN