Media Summary: How to create a new Zurb Foundation Sites project in seconds with How to use Babel to transform future JavaScript syntax (ES2016+) into code that today's browsers understand. How to check JavaScript and CoffeeScript files for errors using ESLint, JSHint, JSLint or CoffeeLint.

Codekit 3 Kit Optionals - Detailed Analysis & Overview

How to create a new Zurb Foundation Sites project in seconds with How to use Babel to transform future JavaScript syntax (ES2016+) into code that today's browsers understand. How to check JavaScript and CoffeeScript files for errors using ESLint, JSHint, JSLint or CoffeeLint. Vendor prefixes suck. Let's not worry about them anymore. Here's how to let Autoprefixer handle them for you. Compiles Sass, auto refreshes browser on save and sytax checks my code on save. I never have to touch terminal to "watch" my ... How to configure a project to use a Build Folder, set the best defaults for that workflow, and migrate existing projects to use a build ...

How to optimize raster images (PNGs, JPEGs, and GIFs) in How to combine JavaScript and CoffeeScript files in How to install over 60000 front-end components like jQuery using Bower in How to bundle JavaScript files (ES6 modules) into a single output file using

Photo Gallery

CodeKit 3: Kit Optionals
CodeKit 3: The Build Process
CodeKit 3: Google Web Starter Kit
CodeKit 3: Zurb Foundation
CodeKit 3: Transpiling With Babel
CodeKit 3: New Project Defaults
CodeKit 3: Syntax Checking
CodeKit 3: Using Autoprefixer
CodeKit Overview
CodeKit is Awesome
CodeKit 3: Processing Files
CodeKit 3: Build Folders
View Detailed Profile
CodeKit 3: Kit Optionals

CodeKit 3: Kit Optionals

CodeKit 3

CodeKit 3: The Build Process

CodeKit 3: The Build Process

Setting the steps that

CodeKit 3: Google Web Starter Kit

CodeKit 3: Google Web Starter Kit

How to create a new Google Web Starter

CodeKit 3: Zurb Foundation

CodeKit 3: Zurb Foundation

How to create a new Zurb Foundation Sites project in seconds with

CodeKit 3: Transpiling With Babel

CodeKit 3: Transpiling With Babel

How to use Babel to transform future JavaScript syntax (ES2016+) into code that today's browsers understand.

CodeKit 3: New Project Defaults

CodeKit 3: New Project Defaults

How to define the initial settings

CodeKit 3: Syntax Checking

CodeKit 3: Syntax Checking

How to check JavaScript and CoffeeScript files for errors using ESLint, JSHint, JSLint or CoffeeLint.

CodeKit 3: Using Autoprefixer

CodeKit 3: Using Autoprefixer

Vendor prefixes suck. Let's not worry about them anymore. Here's how to let Autoprefixer handle them for you.

CodeKit Overview

CodeKit Overview

Start working like the pros today with

CodeKit is Awesome

CodeKit is Awesome

Compiles Sass, auto refreshes browser on save and sytax checks my code on save. I never have to touch terminal to "watch" my ...

CodeKit 3: Processing Files

CodeKit 3: Processing Files

Configuring

CodeKit 3: Build Folders

CodeKit 3: Build Folders

How to configure a project to use a Build Folder, set the best defaults for that workflow, and migrate existing projects to use a build ...

CodeKit 3: Optimizing Images

CodeKit 3: Optimizing Images

How to optimize raster images (PNGs, JPEGs, and GIFs) in

CodeKit 3: Combining Script Files

CodeKit 3: Combining Script Files

How to combine JavaScript and CoffeeScript files in

CodeKit 3: Installing Components With Bower

CodeKit 3: Installing Components With Bower

How to install over 60000 front-end components like jQuery using Bower in

CodeKit 3: Styling Remote Websites

CodeKit 3: Styling Remote Websites

Using

Code Kit Quick Tip: MASTER Your Project EXPORT OPTIONS!

Code Kit Quick Tip: MASTER Your Project EXPORT OPTIONS!

Explore the various export

CodeKit 3: JavaScript Bundling (ES6 Modules)

CodeKit 3: JavaScript Bundling (ES6 Modules)

How to bundle JavaScript files (ES6 modules) into a single output file using

CodeKit 3: Adding Custom Languages

CodeKit 3: Adding Custom Languages

How to add support for any language to