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 npm Packages
How to install over 1,300,000 open-source packages, 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.
Styling Remote Websites
How to use CodeKit to style and auto-refresh a website without hosting it locally.
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.
How to get 70% smaller PNG, JPG, and GIF files for faster websites. Also, how to pronounce "gif".
Modern image editors write pretty sloppy SVGs. Here's how to get rid of the cruft with SVGO in CodeKit.
The Kit Language
How to combine JS files with ES6 Modules ('import' statements) for more organized code.
Don't want to (or can't) use ES6 Modules? Combine JS files with simple comments, instead.
Frameworks Made Simple
How to create a new Zurb Foundation project with just a click, and then update it effortlessly.
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.
Secure Server Support
How to enable TLS (formerly called SSL) on CodeKit's Preview Server to get https:// addresses.