Boilerplate

Requirements

Ensure that the following is installed on your computer:

1. Git
2. Node.js

Getting Started

1. Clone the repository: git clone [email protected]:michaelthorne/boilerplate.git
2. Change to the directory you cloned the repository into: e.g. cd boilerplate
3. Run the node install command which downloads the required Grunt plugins: npm install
4. Start the local server and watch task: grunt serve

Validation

1. HTML: grunt validation:build
2. CSS: grunt csslint:build
3. JavaScript: grunt jshint:build

Less Structure

less/
     base/
        anchors.less
        base.less
        forms.less
        grid.less
        headings.less
        helpers.less
        hr.less
        paragraphs.less
        print.less
     generic/
        mixins.less
        reset.less
        variables.less
     objects/
        media.less
     vendor/
        font-awesome.less
        normalize.less
     style.less

Features

• Breakpoints, Colors, Fonts
  • less/generic/variables.less
• Clearfix, Fluid Embeds, Text Utilities
  • less/base/helpers.less
• Transforms, Transitions
  • less/generic/mixins.less

Components

• Normalize.css
• jQuery
• Font Awesome
• Placeholder

Polyfills

The following scripts are included for IE8 and below:

• html5shiv
• matchMedia.js
• Respond.js

Inspiration

This project is inspired by the original HTML5 Boilerplate.