Middleman Project Template: HTML5BP HAML

This is the default page for HTML5 Boilerplate 4.0 adapted as a HAML Middleman 3.x project template with Susy 1.0 responsive grids ready to go, content using Markdown, SCSS organized with SMACSS, Coffeescript, Sprockets and more.

Using Bundler and RVM is highly recommended.

Edit me at /source/index.html.md and start making something beautiful.

Made by Danny Palmer

What to do First?


Take a look at /helpers/. We've added a few methods to help DRY up a HTML5BP site that is built with Middleman. If you don't need it: just remove it and restart Middleman.



Middleman HTML5 Boilerplate HAML documentation: A good overview of some of the small changes we made with this version of the HTML5 Boilerplate.

HTML5 Boilerplate documentation: Documentation that is included with the HTML5 Boilerplate. Note: Some things (e.g. ways of including, specific javascript and CSS paths) will differ between this version of the HTML5 Boilerplate and the original.


Have a better way of doing this? Jump on in. If there are better defaults to include in a Middleman workflow, add them in. This is just what I use (and continually update) as my standard default for Middleman Sites.