front-end-framework

A front-end framework for making Websites. Includes a Gulp setup for working with LESS and JavaScript files.

Code in the dev folder is preprocessed. Code the live folder is processed via Gulp.

What's in Here:

• HTML

  • HTML5 Boilerplate HTML Example - By Remy Sharp

• CSS

  • LESS-Fluid-Grid - By Adam Krueger
  • HTML5 Reset - By Richard Clark

• JavaScript

  • jQuery
  • Initial scripts file, init.js
  • ScrollMagic and the greensock library

• Node

  • path - Node.JS path module (used with gulp-less plugin)

• Gulp Plugins

  • gulp-less - LESS Processing
  • gulp-jshint - JSHint, a JavaScript Code Quality Tool
  • gulp-concat - Concatenates files
  • gulp-uglify - Minify files with UglifyJS
  • gulp-rename - Rename files
  • gulp-file-include - Include partial files
  • gulp-imagemin - Minify PNG, JPEG and GIF images

• Images

  • Images are placed in dev/img/, then minified and moved to live/img/ - Thanks to: Badhon Ebrahim