Ultimate Front-End Starter Kit

Use this as a simple structure for a simple project using Gulp - Jade - SASS Inspired by YEOMAN / generator-modern-front-end 0.1.8.

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 --global yo bower (need to have node.js installed on your macchine)
• gem install bourbon (need to have RubyGems package manager)
• gem install neat
• npm install --global gulp
• npm install -g gulp-jade

Run Gulp

• Run gulp serve to preview and watch for changes
• Run bower/npm install --save 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

Made with
by Enzo Vezzaro