- Install Gulp and Bower.
- Modify
gulpfile.js
in the browser-sync section to reflect your local site. - Run
npm install && bower install
in the terminal. - Run
gulp watch
and this will handle your files as described ingulpfile.js
such as Sass and JS compilation.
Site includes Foundation which is used for the grid and other CSS and JavaScript based functionality.
Using MVCSS for the Sass structure, and Browserify for the JavaScript.
Basic HTML structure taken from HTML 5 Boilerplate
Using custom build of Modernizr. Installing from Bower includes all the tests as opposed to the ones we might only use e.g. transitions, animations, svg support...
Browserify handles the JavaScript in order to keep things modular, and outputs to the assets/js/dist folder. See assets/js/app.js for an example.