Hacker News Reader

Comment by Touche | Hacker News Reader

We do div soup because CSS is still not good enough to do all of your styling there. When you can trivially make an element 6 columns in CSS we'll all stop treating Bootstrap like this. Maybe Flexbox version 6 (or whatever we are on now) finally fixes this but who can keep up and find out.

View on HN

> When you can trivially make an element 6 columns in CSS

As demonstrated in the article you can trivially make an element 6 columns in LESS (or SASS, which has a bootstrap port also)

Nicer looking div soup is still div soup. <div class="container"> != semantic.

no, but <section> or <div class="products"> are semantic, and there's no reason you couldn't use those instead of <div class="container"> by using the features of LESS or SASS.

That still wouldn't be semantic. Their only reason for existing is for layout. If html/css were semantic you could write all of your html first without thinking about style or layout and then go do the css after, but that's simply not possible today.

I think you are using a different definition of "Semantic" - please provide a snippet of html you feel is semantic and I'll show how this approach can be used with it.

In my experience, really trying to be semantic ends up requiring gargantuan leaps of creativity trying to come up with semantic meaning for elements that are there purely for presentational reasons (wrapper classes, clearfixes, etc.)

It is certainly hard, and impossible in some cases. But not as many as you would think. Wrappers can be a problem (although not as much as they used to be). Clearfix is not a problem at all, as it does not require an element only a css mixin[1]

Still, it's very possible to be almost entirely semantic with a few minor exceptions using a css preprocessor.

[1] http://compass-style.org/reference/compass/utilities/general...

Reply on news.ycombinator.com