Tailwind to Vanilla #2 — Two Shining Examples

Of why HTML / CSS Frameworks just recreate everything wrong with HTML 3.2!

I was browsing “Tailwind Components” looking for some examples, two or three simple ones to do rewrites of, when I hit the motherload. A poster child for exactly how the very nature by which these frameworks do their thing amounts to nothing more than dragging things back to the worst of 1990’s markup.

What magical example could prove it? CALENDARS!

Andraste’s tits, look at this:

vacation calendar by tharshan_09 | Widget

I mean it’s bad enough that it’s supposedly a component/widget for others to copy and plug data into when it’s MINIFIED, but for the love of the maker we run it through a pretty printer…

Let’s just look at ONE of the tables:

<div class="w-auto mx-3 my-3 border-solid border-grey-light rounded border shadow-sm">
  <div class="bg-grey-lighter px-2 py-2 border-solid border-grey-light border-b text-center">
    December 2018
  </div>
  <div class="">
    <table class="w-full">
      <tr class="border-b">
        <th class="py-3…