Meta tags:

Headings (most frequently used words):

getting, started, drag, drop, preview, tweak, settings, get, to, work, tip, set, defaults, for, new, projects, use, git, project, config, files,

Text of the page (most frequently used words):
the (20), codekit (17), you (12), #project (12), your (9), and (6), settings (6), file (5), this (5), for (5), new (5), see (4), that (4), add (4), section (4), javascript (4), set (4), browser (4), from (3), config (3), projects (3), them (3), when (3), then (3), read (3), git (3), refresh (3), sync (3), browsers (3), click (3), defaults (3), frameworks (3), getting (3), started (3), named (2), once (2), only (2), remove (2), back (2), are (2), use (2), mac (2), app (2), change (2), setting (2), updates (2), files (2), minify (2), html (2), with (2), one (2), details (2), start (2), language (2), options (2), side (2), window (2), etc (2), preview (2), top (2), address (2), will (2), now (2), folder (2), drag (2), drop (2), about (2), plugins (2), custom (2), languages (2), minifier (2), tools (2), postcss (2), steps (2), topics (2), privacy, policy, report, bug, email, support, follow, developer, twitter, made, san, diego, may, also, migrated, added, can, safely, delete, codekit2, note, keep, handful, ones, not, working, keeps, resource, low, different, reads, recreates, exactly, was, stores, immediately, codekit3, sure, applies, subversion, mercurial, too, autoprefix, css, rules, transpile, bundle, es6, install, packages, like, jquery, optimize, images, here, some, common, tasks, folks, watch, screencasts, get, work, don, have, bunch, every, time, just, tell, what, want, editing, tip, organized, category, gear, icon, left, open, area, tweak, needs, server, processing, php, cookies, there, switch, flip, complex, sites, refreshing, button, right, corner, opens, special, connect, ipad, iphone, droid, same, network, running, enter, each, device, automatically, all, watching, save, process, appropriately, website, onto, creates, info, bottom, faq, upgrading, mode, more, coda, sublime, text, atom, nova, editor, scripting, team, workflows, adding, environment, variables, hooks, advanced, eslint, syntax, checkers, jeet, nib, susy, zurb, foundation, bitters, bourbon, bootstrap, tailwind, gif, svg, jpeg, png, webp, image, optimizers, json, markdown, kit, slim, haml, pug, typescript, coffeescript, stylus, less, sass, bless, lightningcss, cache, buster, rollup, bundler, terser, babel, transpiler, npm, other, purgecss, autoprefixer, license, recovery, troubleshooting, stuff, know, target, build, second, output, paths, action, live, reload, first, close, view, buy, menu, help, videos, features,

Text of the page (random words):
codekit getting started features videos help about updates menu buy now getting started view topics close topics 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 1 drag drop to start drag your website s folder onto the window and drop it on the top section this creates a new project see codekit frameworks for info about the bottom section codekit is now watching that folder when you save files the app will process them appropriately and then refresh your browser 2 preview click the preview button in the top right corner this opens a special address in your browser connect your ipad iphone droid etc to the same network as the mac running codekit then enter this address on each device codekit will automatically refresh and sync all of them if your project needs server side processing php cookies etc there s one switch to flip see the complex sites section in browser refreshing 3 tweak settings click the gear icon on the left side of the window to open the project settings area settings are organized by category read setting language options for details tip set defaults for new projects you don t have to change a bunch of settings every time you add a new project just tell codekit what settings you want to start with see editing new project defaults 4 get to work here s some common tasks folks do with codekit click one for details or watch the screencasts optimize images refresh sync browsers install packages like jquery minify javascript bundle javascript es6 transpile javascript minify html autoprefix css rules use git be sure to read the codekit git section this applies to subversion and mercurial too project config files codekit stores your project s settings in a file named config codekit3 when you change a setting in the ui that file updates immediately if you remove the project from codekit then add it back or add it to codekit on a different mac the app reads this file and recreates your project exactly as it was keep only a handful of projects in codekit at once remove ones you re not working on and add them back when you are that keeps resource use low note you may also see a file named config codekit2 if you migrated your project from codekit 2 x once you ve added the project to codekit 3 you can safely delete that file made in san diego ca follow the developer on twitter email support report a bug privacy policy