CodeKit 2.1.6 Build 17908
Optimize your website through a stylish user interface
The first step towards taking advantage of all CodeKit has to offer is to import your website: the app will create a list with all the components, and you can easily sort them by type (images, pages, scripts, stylesheets, and more).
When you select a file, CodeKit automatically enables the inspector panel where you can view details about the file’s relation with other components, check the syntax, compile the file, and more.
Furthermore, via the Settings panel, you can customize general details about the current projects, such as the icon, the name, the generic page extension, and more. The same area allows you to change coding languages options, syntax checker rules, to manage various frameworks, and so on.
Designed to auto-refresh the browser content
CodeKit comes with a built-in web server that is automatically launched every time you open the application. As a result, you can review the effects of your adjustments by pressing the “Preview” button placed in the top right corner.
The best part is that CodeKit automatically detects any change made in any of the files included in the currently imported project, and reloads the data. This way, you will be able to analyze the effects of your modifications in real time. Note that CodeKit requires an index.html file to be able to output the website.
Streamlined solution for testing and optimizing websites
CodeKit is a powerful tool that can prove to be extremely useful for any web developer that is looking to a way to test its projects while working on them and making adjustments: the built-in web server, combined with the CodeKit refresh capabilities, allows you to preview webpages in real time, in any browser you want.
Reviewed by Iulia Ivan on May 14th, 2014
In a hurry? Add it to your Download Basket!
- NEW: You can now hide CodeKit's dock icon and use the app from the status bar only. Switch between the two states (or use both) without restarting the app. See the preferences window.
- NEW: Added a global keyboard shortcut to toggle CodeKit's file-watching. Hit command + option + / in ANY app and CodeKit will ignore all changes in all projects until you hit the shortcut again. PERFECT for just before Git pulls/switches! (Pro-tip: to remember the shortcut, think of the slash as the // comment delimiter. Hit the two keys to the right of the spacebar, plus a comment.) The pause command is also available in the File menu.
- NEW: include statements are now supported in Slim files. See the help page for details.
- NEW: The project list can now be sorted alphabetically.