michael-lynch/boilerplate

A framework agnostic boilerplate with some basic Grunt tasks and LESS styles.

#Boilerplate

This boilerplate is framework agnostic, mobile first, and only contains a simple html file to get you started.

It uses Node Package Manager and includes some basic Grunt tasks as well as some basic LESS styles.

###Node Package Manager

To start using the Grunt tasks, you'll need to install Node.js and Node Package Manager, which is included with Node. Once installed, simply navigate to your project's root directory and run:

npm install

###Grunt

To get started with your Grunt tasks, navigate to your project's root directory and run:

grunt watch

This will watch for changes in:

resources/less/style.less
resources/js/scripts.js

The Grunt tasks included are:

• grunt

• grunt-contrib-less

• grunt-contrib-jshint

• grunt-contrib-concat

• grunt-contrib-uglify

• grunt-contrib-imagemin

• grunt-contrib-shell

• grunt-contrib-watch

###LESS

The boilerplate includes some default LESS stylesheets for mixins, fonts, icons, forms, animations etc. It also defines two basic breakpoints for tablet (600px) and desktop (1000px), while the default styles are mobile.