CodeKit 2.0.6 - Build websites faster and better. (Demo)

CodeKit helps you build websites faster and better.

Compile Everything:
Process Less, Sass, Stylus, Jade, Haml, Slim, CoffeeScript, Javascript, and Compass files automatically each time you save. Easily set options for each language.

Live Browser Reloads:
Instantly see changes in your browser, with animation and without hitting the refresh button or installing plugins. Great for tweaking layouts!

Combine and Minify:
Reduce load times by mashing Javascript and CoffeeScript files together and then minifying with Uglify.js. It's so easy, you'll giggle like a schoolgirl. Seriously.

Optimize Images:
Losslessly reduce JPEG and PNG file sizes with one click and see the savings. One less thing to do at deployment. (More compression options coming soon!)

JSHint and JSLint:
Makes debugging scripts fun and easy. Instantly find that one hanging comma that kills IE, or enforce coding styles and best practices across teams.

Team Collaboration:
Sync project settings across teams and computers in an open JSON format. Keep everyone on the same page or easily jumpstart new sites.

Easy Frameworks:
Keep just one copy of a file on your drive and easily use it across many projects without worrying about file paths. No more copying files into every new site.

It Just Works:
There's nothing to install or configure. No mucking around the command line. Just run the app and start working. It's that easy.

Version 2.0.6:

• NEW: click and hold (or click and drag) the Preview button to select a browser with which to view your project.
• NEW: if your project has no index file, the page that CodeKit displays in your browser now has a directory listing so you can select something else.
• CHANGED: The "Tools" menu has been renamed "Tasks"
• NEW: under the Tasks menu, there is now a command to tell Git to use the https:// protocol instead of git:// when installing components. Use this if you're on a network that blocks the default port for git:// URLs (corporate networks, etc).
• Auto-refreshing now works on pages that have link tags outside of the head element. (Wordpress is a big offender here.)
• Note: putting link tags outside of the head element is a really bad idea because the browser has to restart its whole rendering process when it encounters the late tag.
• FIXED: custom project icons now display properly in the Projects Sidebar.
• FIXED: the no_unecessary_fat_arrows option on CoffeeLint now works correctly
• FIXED: in Sass files, @import statements without quotes around the file path are now recognized properly.
• FIXED: Chrome's Javascript console will no longer show a deprecation warning about Web Sockets.
• FIXED: in the files list, icons no longer disappear when you select a row for a file that's imported into another file.
• FIXED: in Kit files that use two variables in a line like this: href='http:///folder/, the second variable will now be handled correctly. Previously, it went unprocessed because no space/newline existed between special comments.
• FIXED: the overlay that appears when you drag a folder onto the window now displays non-Latin characters correctly.
• Note: as a result of the above, Kit variables can no longer contain the string "-->".
• CHANGED: It's no longer possible to enable Libsass for *.sass files. (Libsass does not support Sass's indented syntax.) Had this feature been implemented sooner, the developer of CodeKit would not have wasted 25 minutes of his life trying to figure out why a damn Sass file wouldn't compile.
• The Server popover has undergone a redesign in preparation for cool stuff to come.

• OS X 10.8 or later

More information

Download Now

Put the internet to work for you.

Turn off or edit this Recipe