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.
- 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
- 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).
- Download & Install CodeKit
- 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.
- Start Coding =]
NOTE: 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.
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.