For several years now, many of us have been trying to keep our HTML as pure as possible. We did away with the inline style attribute (with good reason, as it was a maintenance nightmare), and we only added class attributes when absolutely necessary. CSS Zen Garden taught us that external stylesheets were cool, and that separation of concern was a good thing. "Semantic markup" became the new catch phrase.
Take the Bootstrap framework for example. Many criticize Bootstrap, claiming it's class-heavy CSS implementation taints their holy markup with too many CSS classes. However, I'd like to challenge your thinking on this. Why is Bootstrap hated? Does it really violate the concept of semantics? I would suggest most of Bootstrap's class names are semantic (ie. .form
, .form-group
, .btn
, .btn-default
, .btn-success
, etc.) because they don't define the styles, but rather they point to our intended styles in plain English. This lends itse