This is my own flavor of a starting point for new projects that require a quick build and responsive design.

• Grunt.js
• Initializr
• Bootstrap
• SASS-MQ
• Sass
• Grunt Sass
• LiveReload

1. Clone repo

• Add Grunt CLI to the project. cd into root directory and run npm install -g grunt-cli (assuming you have 'npm' installed).
• Add the Grunt task for compiling Sass: npm install grunt-contrib-sass --save-dev
• Add the Grunt task for Uglifying JS files: npm install grunt-contrib-uglify
• Add the Grunt task for watching file updates: npm install grunt-contrib-watch --save-dev
• Run grunt watch
• Make sure you have LiveReload running. If you don't, remove from footer in HTML pages.

• Configure libraries in variables desired in css/main.sass
• Configure Bootstrap libraries desired in js/plugins.js
• Add custom SASS to css/sass/ files. For example, put home page sass in _home.sass. How you organize these files is a matter of preference.
• Add custom JS to js/main.js

I'm a fan of The Guadrian's SASS-MQ library and I prefer to use it instead of RespondJS for 2 reasons. First, I like the +mq($from: <mobile>, $to: <desktop>) mixin because it's easier than typing out @media (min...). Second, It takes care of IE8 when you're trying to build with a mobile-first strategy.

• TODO: add Bootstrap as a Grunt task instead of having it in vendor library