A Middleman project template with intriguing options not chosen from mainstream.
- Slim for HTML
- Normalize for CSS reset
- SMACCS for CSS structure
- Stylus for CSS
- Jeet for grid system
- Rupture for responsive breakpoints
- Nib for mixins
- Autoprefixer for vendor prefixes
- Coffeescript for Javascript
- Bower for front-end package management
- dotenv for configuration variables
- Middleman Title for setting page titles
- Middleman Search Engine Sitemap for generating XML sitemap
- Browse Happy for displaying upgrade notice to old browsers
This assumes you have Ruby and Node.js installed on your system.
Install Middleman:
$ gem install middleman
Clone this repository into your ~/.middleman
folder:
git clone git@github.com:jcypret/middleman-noir.git ~/.middleman/noir
Remove repository from template so that new templates copy over clean:
rm -fr ~/.middleman/noir/.git
Generate new project based on the Middleman Noir template:
middleman init your_project_name --template=noir
Install Dependencies:
$ npm install
$ bower install