104
submitted 8 months ago* (last edited 8 months ago) by rimu@piefed.social to c/webdev@programming.dev

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
[-] bonus_crab@lemmy.world 2 points 8 months ago

Having used it in a major project its a shame that its so inefficient because the user experience really is much much better. It feels like a successor language to CSS because it fixed lots of unobvious and badly named attributes and makes lots of things just easier.

The code is more verbose but also you can completely understand how the page will look just by reading the html.

That said it makes sense the performance is so much worse, where you would have matched on one class for N styles you now match on N classes for N styles.

Theoretically its totally possible to do that matching at compile time and 'compile' the string of classes you wrote into individual ones per element for each combination used in the html though.

[-] Kissaki@programming.dev 5 points 8 months ago

you can completely understand how the page will look just by reading the html

You lose being able to read meaning and structure though, and you also lose technical accessibility.

I like to add css hacks to websites. But I can't if they don't have useful, identifying, and stable selectors.

[-] bonus_crab@lemmy.world 1 points 7 months ago

not really if you use a web framework and actually separate different things into their own components.

but yeah mixing non tailwind css into a tailwind project after the fact would be gross and hard.

load more comments (3 replies)
this post was submitted on 13 Mar 2024
104 points (92.6% liked)

Web Development

3430 readers
5 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