Make use of some cool modern things :bomb:

Lots of interesting process/workflow is happening in the front end world as we all know. This is my take at brining some of the new cool things into the template.

My updates include

- Buildscript using [Gulp](http://gulpjs.com/).
- Proprocessing of CSS with SASS, compilation handled by Gulp.
- Vendor prefixes automatically inserted, with [Autoprefixer](https://github.com/ai/autoprefixer) and Gulp.
- JavaScript concatenation and minification with [Uglify](https://github.com/mishoo/UglifyJS), again handled by Gulp.
- Dependency management using [Bower](http://bower.io/).
- Lossless compression of images.

I have grouped the gulp stuff into separate tasks:

- `gulp js` will concatenate and minify the JavaScript.
- `gulp css` will process the Sass and insert vendor prefixes.
- `gulp fonts` will process the fonts.
- `gulp images` will compress the images.
- `gulp all` will do all of the above.
- `gulp` will watch for changes and run the appropriate task.

This is just something I have been playing around with in my spare time. Thought it might be interesting to talk about this or learn about previous discussion you've had about this subject. Its is therefore not necessarily meant to be merged :smile: