---

This repo is no longer supported - Please checkout basejump instead - Thx!

---

H5BPCodeKit is a collection of tools and libraries that work in unison to form a simple starting point for building Apps & Websites (without the Command Line). H5BPCodeKit uses CodeKit for Sass-CSS pre-compiling, JavaScript minification, and more.

Features

• HTML5 Boilerplate - v4.3.0
• Sass - v3.3.9
• Compass - v0.12.2
• Susy - v1.0.6
• Normalize - v3.0.1
• Modernizr - v2.8.0
• jQuery - v1.11.1
• JSLint / JSHint

Getting Started

1. Download the project by clicking the 'download as a zip file' button above. You can also clone the repo to your computer (using the Github Mac App) by clicking the 'Clone in Mac' button (above).
2. Download & Install CodeKit
3. Setup CodeKit

• Click the "+" button (bottom right corner) and select the "Add project" option. Next we'll choose the newly cloned/downloaded project folder, and now CodeKit will monitor and compile our project whenever a change is made to the JavaScript, Sass, etc.
• Right-Click the project in the sidebar menu and select the "Compass" > "Compile Project" option.
• Right-Click the "core.js" item in the file viewer and select the "Process" option.
• Right-Click the "plugins.js" item in the file viewer and select the "Process" option.

4. Start Coding 😎

More Info

####CodeKit CodeKit must be configured to work with our new project before we can begin coding. Until CodeKit is setup to monitor and compile our files, there will be JavaScript and CSS loading errors upon inspection. If you're seeing resource loading errors - this is because CodeKit has not yet had the chance to dynamically create those assets for us.

####Custom Mixins Included in _mixins.scss you'll notice a few fairly common Sass Mixins that can be used for performing some basic CSS operations. For example, (recently removed from HTML5 Boilerplate) setting up an image-replacement block, or resetting an ordered/unordered list.

####Media Queries Media Queries from the latest HTML5 Boilerplate build have been substituted with Brandon Mathis's Sass Media Queries (http://codepen.io/imathis/pen/BDzcI).

Contributing

Clone the git repo - git clone https://github.com/jrodl3r/h5bp-codekit - create a new branch, and issue a pull-request to submit your idea, or suggest enhancements and changes.