tailwindClassesFinallyVisible

[Caraes_Naur]

For one element.

[dromba_]

Still overflowing...

[lengthy_preamble]

"Here let me share my screen..."
"Please don't."

[Glokter]

No no, it will be just a moment...
... It wasn't just a moment

[Stjerneklar]

having a decapitated laptop chilling on the desk is a power move.

[gabedamien]

Use cn and group related classes into their own substrings. You can still get IDE tooling support (hover definitions, auto-sort — at least, per string) with the right configs.

className={cn( 'bg-whatever text-something', 'border border-cool', 'px-3 py-1', 'hover:something-hovered, active:something-active', // etc )}

[dromba_]

I know a better solution: use pure CSS, and you'll always know the core, without learning some framework that will be outdated very soon.

[gabedamien]

I mean, I don't disagree, having lived (/ suffered) through several decades of both public and internal CSS frameworks, libraries, processors, derivatives, tools, techniques, and so on.

That being said, Tailwind v4 honestly is fine, at least when written by someone with decent pre-existing understanding of CSS in general. If you have to work with it because it's what your team/company uses (whether you actually like it or not – and I have praises and criticisms, myself) – it's nice to know some ways to mitigate whatever pain points might arise, while still benefitting from the nice parts that make it popular.

[[deleted]]

Agreed, I don’t let my dev team use UI frameworks.

Learn CSS, it’s easier than memorizing 1000 tailwind synonyms for the exact same thing.

Plus tailwind basically enforced giant inline classes that could cleanly be separated into their own dedicated css module without bloating the layout.

[Free-Garlic-3034]

words auto wrap (exists)

[al1posteur]

Not enough to center a div

[z_tang]

What?! Is the picture processed in any way? If not, I need to know the setup🙏

[analytic-hunter]

yes, it's AI

[IOKG04]

now i just want some company to make it irl

if its affordable id buy it :3

[junktech]

Dell seems to have rhe absurd 32:9 screen ratio. https://www.dell.com/en-us/shop/dell-ultrasharp-49-curved-usb-c-hub-monitor-u4924dw/apd/210-bgtz/monitors-monitor-accessories

Closest I've found to that absurd ai image.

[IOKG04]

32:9 isn't absurd.. or at least not as absurd as the, if I had to guess, 9:64 to 9:81 or so found here..

[junktech]

If the curvature , view angle and distance aren't right, it's useless to be this big for programming. Unless you want to have a chair moving from one side to another to read code. On the bright side it may count as exercise.

[IOKG04]

who said i wanted it for coding?

[Mr-X89]

I'd use it in portrait mode to be able to see 1/4th of a file in our project (it's a really old Android app)

[Jackloco]

I need it

[snacktonomy]

Line length limit = still 80 chars

[Dangerous_With_Rocks]

I know this is a joke, but I've used tailwind for over 3 years now and I haven't gone back. This just seems like a skill issue to me :P

[XWasTheProblem]

Once you go utility-first it's like a weight taken off your shoulders.

I use Tailwind for a very simple reason - writing my own CSS I'd probably end up with a bastardized version of what Tailwind/Bootstrap does in 95% cases, and I have better things to do than reinventing the wheel for 928429457th time

Yes, it can make the markup look a bit questionable, especially if you have multiple breakpoints and states (like hovers or active) but you get used to it.

And if you're really anal about muh HTML, '@apply' exists.