CodeKit 2.1.5 Build 17756
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!
- Sass updated to 3.4.3 (which was released yesterday, right after the CodeKit update). This resolves several bugs in Sass.
- WARNING: The current release of Zurb Foundation is broken when compiling with Sass 3.4+. Fortunately, the fix is very easy. See this thread for the one-line change to make.
- Sass deprecated the old behavior back at the start of 2014 but Zurb still hasn't updated their code.
- In related news, I nominate the Zurb Foundation team for the ALS Ice Bucket Challenge.