HTML5 Starter for Compass based on by Paul Irish
JavaScript ASP PHP Perl Ruby Shell
Pull request Compare This branch is 82 commits ahead, 42 commits behind sporkd:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

Compass HTML5 Starter

HTML5 Starter is a Compass extension based on HTML5 Boilerplate by Paul Irish. You can use it to kick-start a fully compliant HTML5 applications. Generating a set of starter files for your HTML5 projects with integrated Sass (Scss) templates.

Browse for the full workup.


gem install html5-starter

Starting a project

compass create my_project -r html5-starter -u html5-starter --javascripts-dir js --css-dir css --images-dir img --sass-dir sass

The --javascripts-dir, --css-dir, --images-dir and --sass-dir flags are required to keep consistent with the original HTML5 Starter project layout. If you omit them, be sure to edit your javascript and style tags accordingly in index.html.

Run compass watch my_project and the SCSS files will automatically get compiled to your Sass compilation directory whenever a change is made:


To see the complete list of files generated by this extension, see the HTML5 Starter project repo.

Integrating with Blueprint

If you're planning to use the Blueprint extension from Compass, you should remove the reset and font styles (see: line 19 and 20) and the print styles (see: line 99) imports inside the style.scss file. Blueprint already includes a print, reset and some basic typographic styles.