Boilerplate for your projects made with Grunt, Sass, jQuery, Modernizr and Jeet.gs.

• No styling at all, this is a completely bare boilerplate containing only the essential things you need
• A solid Sass and Javascript foundation
• Includes Normalize.css to make browser rendering more consistent
• Includes jQuery and Modernizr
• CSS helper classes
• A performance optimized print CSS from HTML5BP
• Commonly used CSS components such as the Media Object and the Flag Object
• A Gruntfile with super fast Javascript and Sass compilation/concatenation
• Grid system from Jeet.gs
• Component based file and folder structure, to help create re-usable and maintainable CSS
• A Sass library of commonly used mixins and placeholder selectors

NodeJS and Grunt.

Step 1. Install NodeJS

Step 2. Install Grunt CLI with the following command:

npm install -g grunt-cli

Step 3. Install all the npm dependencies you need for Grunt.

cd path/to/project
npm install

Step 4. All done!

There are two Grunt tasks; grunt and grunt dist.

grunt is the default task and will concatenate all Javascript files in to dist/js/script__0.1.0.js as well as running JSHint on them. The task will also concatenate all Sass files into dist/css/style__0.1.0.css and also run autoprefixer on the outputted CSS file to ensure all the correct vendor prefixes are included. grunt also uses the grunt watch task, so it automatically runs every time a JS/Sass file changes.

grunt dist is the production task and will do everything the default task does, as well as compressing the JS and CSS files.

The code is available under the MIT license.