this post was submitted on 13 Mar 2024
104 points (92.6% liked)

Web Development

3441 readers
1 users here now

Welcome to the web development community! This is a place to post, discuss, get help about, etc. anything related to web development

What is web development?

Web development is the process of creating websites or web applications

Rules/Guidelines

Related Communities

Wormhole

Some webdev blogsNot sure what to post in here? Want some web development related things to read?

Heres a couple blogs that have web development related content

CreditsIcon base by Delapouite under CC BY 3.0 with modifications to add a gradient

founded 1 year ago
MODERATORS
 

This study compares two websites with similar design: the commercial Spotlight template from developers of Tailwind vs the same site with semantic CSS.

you are viewing a single comment's thread
view the rest of the comments
[–] [email protected] 0 points 8 months ago (2 children)

I've seen people advocate for Tailwind because "CSS is too hard, I don't want to think about selectors".

CSS isn't too hard, there are easy ways to do things, and hard ways to do things (for backwards compatibility reasons). If you don't learn modern CSS then you're only going to be doing things the hard way.

[–] [email protected] 1 points 8 months ago

That's how i got sold on it too. My CSS skills aren't great, tailwind made it just slightly harder to deal with CSS i feel. Seems healthier to learn actual CSS instead of abstracting it away if the benefit is that low in the best of cases. Sure, large projects are a thing, but nobody puts a whole project in 1 css file anymore anyway, so what does it matter at that point.

[–] [email protected] 1 points 8 months ago

I've seen people advocate for Tailwind because "CSS is too hard, I don't want to think about selectors".

Yep, those people are wrong :)

(I mean sure, you can sort-of mostly skip selectors if you use Tailwind, but selectors are about the easiest part of CSS. I've never heard of someone struggling specifically with those but not with e.g. layouts, stacking context, relative font sizes, etc.)