Compile Everything
Process Less, Sass, Stylus, Jade, Haml, 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 & Minify
Reduce load times by mashing javascript & 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 & 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.

WHAT'S NEW 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.

REQS:
Intel, 64-bit processor
OS X 10.8 or later

Download Links :