Features Videos Help About Updates
Menu Buy Now

Target Browsers

First Steps:
Getting Started
Live-Reload Browsers
Browser Sync
Set Language Options
Set Output Paths & Action
Second Steps:
Defaults For New Projects
Build Your Project
Set Target Browsers
Stuff To Know:
CodeKit + Git
Troubleshooting
License Recovery
PostCSS Tools:
Autoprefixer
PurgeCSS
Custom PostCSS Plugins
Other Tools:
npm
Babel — (JS Transpiler)
Terser — (JS Minifier)
Rollup — (JS Bundler)
Cache-Buster
HTML-Minifier
LightningCSS
Bless
Languages:
Sass
Less
Stylus
JavaScript
CoffeeScript
TypeScript
Pug
Haml
Slim
Kit
Markdown
JSON
Image Optimizers:
WebP
PNG
JPEG
SVG
GIF
Frameworks:
CodeKit Frameworks
Tailwind
Bootstrap
Bourbon
Bitters
Zurb Foundation
Susy
Nib
Jeet
Syntax Checkers:
ESLint
Advanced:
Hooks
Environment Variables
Adding Custom Languages
Team Workflows
Scripting CodeKit
Editor Plugins:
Nova
Atom
Sublime Text
Coda 2
More
Read-Only Mode
Upgrading From 2.0
FAQ

Setting Target Browsers

Several tools in CodeKit can automatically configure themselves once you specify which browsers you need to support. To do that, open the Target Browsers section of Project Settings:

A screenshot of the target browsers area in CodeKit 3
Browserslist String

The textfield at the top takes a BrowsersList query string. The default is >0.25%, last two versions, Firefox ESR, not dead.

Customize this string to change which browsers/platforms your project supports. Use this syntax guide to do so. If you enter an invalid string, CodeKit will tell you.


Coverage

In this section, CodeKit lists all of the browsers that are covered by your Browser String. Mobile and Desktop platforms are grouped separately. Additionally, it shows what percentage of Internet users are on those platforms, both globally and in your local region.


Made in San Diego, CA

Follow the Developer on Twitter

Email Support

Report a Bug

Privacy Policy