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.

  • @PoliticalAgitator
    9•9 months ago

    A lot of comments seem to think that Tailwind is just a way to save a few keystrokes at the expense of legibility and leanness.

    For me, the value comes from not having to jump all over a codebase, not having to name so many things, having clearer scopes and pulling things like colors and spacings from a central config.

    I know there’s a hundred different ways to solve those issues that wouldn’t offend CSS purists but ask 10 different people and you’ll get 10 different answers with 10 different caveats.

    So I use Tailwind to write fuckugly markup in a faster, easily iterated way that will be instantly familiar to anyone who knows Tailwind.

    • Dark ArcEnglish
      1•9 months ago

      I think Tailwind and things like it win out when you’ve got a good component structured project.

      For a more traditional web page … I think I’d prefer traditional CSS.