CodeKit 2.1.8 Build 18027
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: CodeKit now supports AppleScript! This enables editor plugins like the one below. See http://incident57.com/codekit/help.html#applescript for examples and details.
- CHANGED: CodeKit now reloads stylesheets of all media types. Previously, any stylesheet containing a print type was skipped.
- CHANGED: Support for the latest version of Google Web Starter Kit
- FIXED: Scroll position is now restored only when a full-page reload occurs. Previously, scroll position was incorrectly set while navigating links.