How to configure and process files in CodeKit 3. Watch this one first, even if you used CodeKit 2!
Live Browser Refreshing
A quick walkthrough of how CodeKit auto-refreshes your browsers & devices.
New Project Defaults
How to control the initial settings that CodeKit uses when you add a new project to the app.
Installing Assets With Bower
How to install over 60,000 front-end components, like jQuery, with one click.
How to structure a project to use a build folder AND adopt them in existing projects by clicking just one box. Seriously.
The Build Process
How to define the steps CodeKit performs when it builds your project.
Improving Your Workflow
How to test things like forms on multiple devices at once, without clicking, tapping, and typing all over the place.
Vendor prefixes suck. Let's not worry about them anymore. Here's how to let Autoprefixer handle them for you.
Combining Script Files
Optimizing SVGs & Images
How to optimize SVG, PNG, JPG, and GIF files to speed up page loads. Also, how to pronounce "gif".
How to use "optional" variables in the Kit language to easily achieve active states on navigation menus.
Frameworks Made Simple
How to create a new Zurb Foundation project with just a click, and then update it effortlessly.
Google Web Starter Kit
GWSK is a lean starting point for a responsive site. Here's how to create it in one click.
Advanced Features & Tools
Transpiling With Babel
Adding Custom Languages
How to extend CodeKit to process files of
type and manage their output options in the app.