Tailwind vs. Semantic CSS

Re:Tailwind vs. Semantic CSS by amjnsx on Monday October 23, 2023 @04:06AM (#37982788)

Thanks for confirming my suspicions regarding Tailwind. Their marketing loves talking about how small the CSS file size is vs semantic, but that code still has to go somewhere - and it's a bait and switch of "smaller css" with the cost of an inflated html file

* The irony being in this article is that the CSS file is also larger

[ Parent | on HN ]

Re:Tailwind vs. Semantic CSS by AmazingTurtle on Monday October 23, 2023 @04:09AM (#37982800)

tbf the examples brought up in the blog post omitted semantic attributes such as lang and the whole dom structure (all the divs!) and the other data- attributes just to make it look even worse. OP is severely opinionated.

[ Parent | on HN ]

Re:Tailwind vs. Semantic CSS by tipiirai on Monday October 23, 2023 @04:14AM (#37982827)

Sorry, which data- attributes? And what do you mean about the semantic DOM structure?

[ Parent | on HN ]

Re:Tailwind vs. Semantic CSS by AmazingTurtle on Monday October 23, 2023 @04:59AM (#37983204)

The Tailwind markup vs Semantic markup example just straight sucks.

- There are useless empty elements in the tailwind example - There are so many different breakpoints, paddings and margins in the depths of the tailwind DOM, that can not be achieved with the minified semantic markup as it is simply lacking the DOM structure necessary for it. Substituting just html > body > header > nav > a with html > body > div > div> header > div > div ... just isn't a correct comparison. It's like comparing airplanes to cars. - There are data sttributes such as data-new-gr-c-s-check-loaded or data-headlessui-state. Also, totally unrelated to the semantic markup comparison.

This is just bloated asf.

Do you even know what semantic markup is? Maybe some people are just stubborn and try to find anything against tailwind because they just don't like it.

[ Parent | on HN ]

Re:Tailwind vs. Semantic CSS by tipiirai on Monday October 23, 2023 @05:06AM (#37983254)

Bear in mind that the Tailwind example is the official template made by the Tailwind developers themselves. It is the prime example of Tailwind and it's benefits and best practises. (Should be at least)

[ Parent | on HN ]

Re:Tailwind vs. Semantic CSS by Falmarri on Monday October 23, 2023 @05:20AM (#37983325)

Why do you think this example is supposed to be the pinnacle of what the most performance and optimized tailwind can be?

[ Parent | on HN ]

Re:Tailwind vs. Semantic CSS by tipiirai on Monday October 23, 2023 @06:05AM (#37983616)

I just took the first one from the official Tailwind templates. What would you suggest?

[ Parent | on HN ]