Tailwind vs Semantic CSS
nuejs.org
Comparing two identically designed websites, their weight, amount of HTML and CSS, rendering speed, and best practices.

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

  • @[email protected]
    1•9 months ago

    It helps me make things look presentable without making it look the same as every other website, and without constraining the things I want to do.

    • LerajeEnglish
      2•9 months ago

      Sure, but plain CSS can do all that too and not leave your source heavier and indecipherable.

      • @[email protected]
        2•9 months ago

        Theoretically, yet everything I make by myself turns out ugly with it. Tailwind has just enough constraints to protect me from my own dumb stylistic choices.

        I’d also even argue that my source is less indecipherable - the challenge in reading CSS is not how it’s laid out, but forming a mental picture of how the rules combine to shape your layout, and meanwhile, it does remove an abstraction that I was no longer using (in certain projects - I wouldn’t use Tailwind everywhere).