Ultimate
Front-End
Started Kit

Start Your Project with Gulp, SASS, Jade, and Bourbon suite

Download Fork Me on GitHub

Features

Browserify + ES6 (babelify)
Jade Templating Language
CSS pre-processor (Sass)
CSS Autoprefixing
Sourcemaps for CSS and JavaScript
Built-in preview server with BrowserSync
Image optimization
Wire-up dependencies installed with Bower
Bourbon Components (Bourbon, Neat)
Normalize.css

Getting Started

Download Files or Clone Repo from GitHub

Install dependencies:

npm install -g gulp
( need to have node.js installed on your macchine )
npm install -g gulp-jade
npm install -g gulp-sass
npm install -g yo bower
bower install
npm install
gem install bourbon
gem install neat

Run Gulp

Run gulp serve to preview and watch for changes
Run bower/npm install --save "package" to install frontend dependencies
Run gulp to build for production

Credits

generator-modern-front-end by Endel Dreyer

Folder Structure by Travis Nelson

gulp-jade by Blaine Bublitz

Gears Designed by Freepik

Ultimate Front-End Starter Kit
| -- app/
|   | -- css/
|   |   | -- 1-tools/
|   |   |   | -- bourbon/
|   |   |   | -- font-awesome/
|   |   |   | -- neat/
|   |   |   | -- fonts.sass
|   |   |   | -- normalize.sass
|   |   |   | -- vars.sass
|   |   | -- 2-basics/
|   |   |   | -- body-elements.sass
|   |   |   | -- example-buttons
|   |   |   | -- links.sass
|   |   |   | -- selection-colors.sass
|   |   |   | -- typography.sass
|   |   | -- 3-modules/
|   |   |   | -- introduction.sass
|   |   | -- 4-pages/
|   |   |   | -- home-page.sass
|   |   | -- sprites/
|   |   |   | -- index.sass
|   |   |   | -- main.sass
|   |   | -- fonts/
|   |   | -- images/
|   |   | -- jadeFiles/
|   |   |   | -- _includes/
|   |   |   | -- index.jade
|   | -- js/
|   |   | -- main.js
|   | -- index.html

UltimateFront-EndStarted Kit

Start Your Project with Gulp, SASS, Jade, and Bourbon suite

Features

Getting Started

Install dependencies:

Run Gulp

Credits

Ultimate
Front-End
Started Kit