Skip to content

Instantly share code, notes, and snippets.

@bridgestew
Created July 7, 2013 17:03
Show Gist options
  • Save bridgestew/5944104 to your computer and use it in GitHub Desktop.
Save bridgestew/5944104 to your computer and use it in GitHub Desktop.
When the webdev community railed against "classitis" it was more about the lack of HTML elements, not really about how many classes were used. This gist illustrates the absurdity of it all.
<div class="wrap">
<div class="wrap-inner">
<div class="header">
<div class="logo">
<img src="#" />
</div>
<div class="site-title">Site Title</div>
<div class="nav">
<div class="nav-list">
<div class="nav-item">
<div class="nav-item-inner"><a href="">Nav Item 1</a></div>
</div>
<div class="nav-item">
<div class="nav-item-inner"><a href="">Nav Item 2</a></div>
</div>
<div class="nav-item">
<div class="nav-item-inner"><a href="">Nav Item 3</a></div>
</div>
</div>
</div>
</div>
<div class="main-content">
<div class="main-content-title">Main Content Title</div>
<div class="main-content-inner">Main content goes here</div>
</div>
<div class="sidebar">
<div class="sidebar-title">Side content title</div>
<div class="sidebar-inner">Secondary content goes here</div>
<div class="footer">
<div class="copyright">&copy; old-skool era</div>
<div class="contact-us">
<a href="#">Use our contact us form!</a>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment