A web boilerplate using:

• sass - Precompiled alternative to plain CSS
• autoprefixer - Automatically add vendor prefixes using values from Can I Use
• livereload - Grab the Chrome extension for auto-updating styles
• gulp-connect - Launches a webserver
• browserify - CommonJS dependency management
• jquery - Javascript library for common tasks
• underscore - Javascript helper functions and templating
• gulp - Javascript build tool
• npm - Node package manager

Dependencies: node/npm

===

Install

You'll want to install the boilerplate globally to act as a generator:

$ npm install -g ib-web-boilerplate

Now you should have ib-web-boilerplate available on your path you can make a new project with:

$ ib-web-boilerplate path/to/project
$ cd path/to/project
$ npm install

Work (Build/Watch)

$ npm run gulp

This also spawns a livereload enabled server on http://localhost:8080

===

Other Tasks:

Add a new package

$ npm install -S PACKAGE_NAME
$ npm run gulp

Production (minified with no sourcemaps) build

$ npm run prod_build

Quick Heroku deployment

1. Commit your changes to a repo or make a new one:

   $ git init $ git add -A $ git commit -m "Initial commit"

2. Ensure you have the heroku toolbelt or:

   $ brew install heroku

3. Create a new heroku app:

   $ heroku login $ heroku create the-subdomain-you-want

4. Deploy from your master branch:

   $ git push heroku master

5. Check it out:

   $ heroku open

6. Repeat step 3 as needed.