A ready to go website that integrates Boostrap and HTML5 Boilerplate. More best practices than you know what to do with. Just add creativity.
Wait, what? Why?
I wanted bootstrap, but with all of the HTML5 Boilerplate tweaks, Modernizr loading, js compression, plus better coffeescript support, and control of js concatenation.
How to Use:
rake watchwill build everything and watch for new changes.
- Always link from
bin, put your code in
src(to compile) and
lib(to leave alone)
- Use folders in
srcto specify what you want to concatenate together
Basic Structure & Instructions:
Rakefile - Run
raketo just build and
rake watchto build and watch
- bin - All compiled css files end up here
- lib - Not touched by Rakefile. You should include from src.
src - All raw css, or less, or sass files. They are compiled and copied one-to-one to the css/bin directory. Use Less or Sass
@includedirectives to combine multiple files together. If using raw css, use subfolders to concatenate files.
your_subfolder - All css (ONLY) files are concatenated and put in css/bin as
- your_subfolder - All css (ONLY) files are concatenated and put in css/bin as
- bin - All compiled js files. Each file has a regular and minified version.
- lib - Not touched by Rakefile. Meant for things like jQuery, or anything else you don't want compiled.
global - All files put in here will be concatenated, compiled, and put in js/bin as
your_subfolder - All files in 'your_subfolder' are concatenated, compiled, and put in js/bin as
- global - All files put in here will be concatenated, compiled, and put in js/bin as
- Use the built-in @include directives of less and sass to include files from css/lib.
- Think carefully about what you actually want to concatenate, and what you want to independently load.
gem install watchr- To enable code watching
npm install -g coffee-script- To compile coffeescript if you use any
npm install -g less- To compile LESS if you use any
gem install sass- To compile SASS if you use any