Vanilla HTML – Minimal Semantic HTML5 Framework

Vanilla HTML is a framework which requires no extra markup or class attributes to build a layout. Vanilla HTML is also responsive and semantic. It is built upon HTML5 boilerplate, a LESS version is also included in the package.

vanilla-html

Usage

Add <link rel="stylesheet" href="vanilla.css"> to your document head.

Now add the class vanilla to body or any other element <body class="vanilla">

Basic Template:

<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="initial-scale=1">
        <link rel="stylesheet" href="css/vanilla.css">
    </head>
    <body class="vanilla">
        <header>
            <h1>Page Title</h1>
        </header>
        <hr />
        <section>
            <article>
                Larger Left Column
            </article>
            <aside>
                Smaller Right Column
            </aside>
        </section>
        <hr />
        <footer>
            <section>
                © 2013, Tyler Childs
            </section>
        </footer>
    </body>
</html>

Browser Support

Demo: http://tylerchilds.com/projects/vanilla
Github: https://github.com/tylerchilds/Vanilla-HTML