Web Project Template

This is a project starter for HTML / CSS / JS development.

The main components are RequireJS for dependency management, Backbone.js for a basic model / view structure, Handlebars for rendering html-templates and Sass for compiling the style sheets. It also includes the GreenSock library for animation.

To wrap it up, Gulp handles all the compilation tasks.

Installation

To get started, the vendor packages need to be installed. If you haven't already, make sure you have Node.js and Gulp up and running. Then run these command in the template's directory:

npm install

Gulp tasks

gulp
// or
npm start

• compiles index.hbs to index.html for development
• compiles runtime .hbs files to .js
• compiles .scss to nested .css
• runs watchers for changes to above files
• serves the public folder with BrowserSync and injects CSS or reloads on HTML / JS changes

gulp --dist
// or
npm run build

• compiles index.hbs to index.html for production
• compiles runtime .hbs files to .js
• compiles .scss to compressed .css
• compiles all Javascript to main.min.js