Created
July 7, 2013 17:03
-
-
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.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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">© 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