I recently used Semantic-UI (http://semantic-ui.com/) in a project. Semantic-UI is a web framework where "semantic" means there are human readable class names like
<button class="minor red labeled button">
Compared to Bootstrap, Semantic-UI ships with high level "components" ("views", "modules", "collections"). And here comes the ugly: They all abuse HTML as if it was 2008. Div soup everywhere. Even lists have to be formatted as Divs, something I havent done since ages, something like:
<div class="ui list">
<div class="ui list item">...</div>
<div class="ui list item">...</div>
</div>
It really felt as if the knowledge about semantic html tags got lost somewhere. Or the authors of this popular CSS framework have another understanding of "semantic". It doesen't meet my quality of structured HTML, thought.
You could always use a little classname vomit to go with your div soup.
The problem is that "modern" development has misplaced importance. It's become an incredibly selfish practice. There is more concern placed for the developers than the users.
This only seems beneficial if you're attempting to break compatibility with the browsers' built in understanding of ul and li tags (perhaps some concern that browsers will handle those tags differently in the future). Otherwise, they're just reinventing the wheel for the sake of doing so which may make for a fun exercise, probably shouldn't be used in a real project.
On the practical side, that could get one sued for ADA (accessibility) violations. The "reading machine" will not understand framework-specific classes.
