bridgestew
7/7/2013 - 5:03 PM

When the webdev community railed against "classitis" it was more about the lack of HTML elements, not really about how many classes were use

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.

Old Skool Classitis
content_copyfile_download
<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>