It has been a long time since I've done any web development. Back then, table layouts were everywhere, and there was movement towards semantic HTML.

Looking through some UI frameworks (bootstrap et al), it's interesting to see that said movement completely and utterly failed.
I mean, maybe there's a reason for it. Maybe
```
<nav class="navbar">
<ul class="navbar-nav">
<li class="nav-item">...
</ul>
<nav>
```
makes sense?

Also, perhaps nesting of <div>s ad-nausium is ok.

But it feels like nothing was learned. Please tell me I'm wrong.
There also used to be a general rule that a class should convey meaning, not styling, unless that style was complex. So THIS???

```
.text-center {
text-align: center !important;
}
```

This must be one of those "I heard using the style attribute is bad" moments. It has to be.
OH MY LORD I JUST FOUND OUT THAT <input> TAGS NEED "form-control" CLASS AND I JUST LOST MY SHIT.

I mean... I guess it makes sense to make the style apply to sections of the page, to prevent other components from being infected. But WHY NOT JUST ADD IT AS A CLASS TO THE FORM!?
<div class="row">

I'm glad we're out of those <tr> days. This is so much better now. Sigh.

I mean, I get that the MAIN problems with tables were accessibility and the need for loading before it could display right, but there were other issues too that have since been ignored.
One of those was that the style and (semantic) content were separate things. One line of thought was that style had dominated over content for too long, and that the tables were turning. That battle was clearly lost. I'd love to know why. I'm sure there's a great reason for it.
You can follow @JakeArkinstall.
Tip: mention @twtextapp on a Twitter thread with the keyword “unroll” to get a link to it.

Latest Threads Unrolled: