Tag Archives: CodeKit

CodeKit 3.6

Codekit 3 icon

Descriptions for CodeKit 3.6 Build 26667 macOS

Name: CodeKit for Mac
Version: 3.6 Build 26667
Mac Platform: Intel
OS version:OS X 10.11 or later
Processor type(s) & speed: 64-bit processor

Includes: K

Web Site: https://codekitapp.com/

Overview

Build websites faster and better. Compile every language. CodeKit automatically compiles all those awesome languages you read about in tutorials. CodeKit automatically refreshes browsers as you work. Like magic.

All the Cool Kids

Compile Sass, Less, Stylus, CSS, CoffeeScript, Pug, Slim, Haml, TypeScript, javascript, ES6, Markdown, JSON, SVG, PNG, GIF and JPEG right out of the box.

Dead-Simple Configuration

Want compressed CSS? Just check a box. Need to transpile javascript? Check a box. Every tool’s options are available in a beautiful, clean UI. No more hacking build scripts.

Bleeding-Edge Tools

Autoprefixer for vendor prefixes. Babel.js for next-generation javascript. Libsass for faster Sass compiling. The best workflows are built right in.

Add Any Language

Use something that’s not built-in? Easily tell CodeKit how to process files of any type, right in the UI. No stupid config files or plugins required.

Any Device

Mac, iOS, Android, Windows, Tesla, kitchen fridge… if it’s got a modern browser, it refreshes. All major browser vendors are supported, even over SSL.

Browser Sync

Type some text in a form and it magically appears on all your other devices, too. Click a link, it’s clicked on every device. Fast cross-device testing.

Zero Setup

No plugins, no script tags, no work. Just click the Preview button in CodeKit and you’re done. You don’t even need certificates for SSL. Really.

Injection Reloads

CSS changes are injected without reloading the entire page, so you can easily style dialogs and modal content, or just A/B test designs.

Optimize Images

Get 70% smaller PNG and JPEG files in one click. SVGs and GIFs, too. Smaller images mean faster websites.

Minify Scripts & CSS

Combine scripts to reduce HTTP requests. Minify your code to reduce file sizes. All the best practices with full control over the details.

Cache Busting

Automatically cache-bust scripts and stylesheets so your changes take effect immediately when you deploy.

Source Maps

Minify your code, but see the original version in the browser’s inspector. Works automatically with most languages and without headaches.

Bower Power

Bower is built into CodeKit so you can install and update 56,000+ components with ease. jQuery to WordPress and everything in between.

Zurb Foundation

Spin up a Foundation or a Google Web Starter Kit project in seconds. CodeKit downloads the latest version and sets it up for you, automatically.

CSS Frameworks Galore

All the best CSS frameworks are built-in: Bourbon, Neat, Bitters, Susy, Nib, Jeet, and Compass. Just add an @import statement to your stylesheet and CodeKit makes it work.

CodeKit Frameworks

Reuse code in multiple projects but keep a single copy of it on your disk. When you update it, everything recompiles to capture the changes.

Easy Migration

Check one box and existing projects just work. No updating hundreds of output paths, no changing URLs on pages. It’s magic.

Blazing Speed

Your Mac’s processor has lots of cores. CodeKit uses all of them to process files in parallel so that builds finish fast.

Completely Extendable

Do literally anything. Run a custom shell script and see its output in the UI. Or use AppleScript to tell Transmit to upload your site when the build is done.

Simple Configuration

Easily customize your build process. Add steps with one click. Drag them to reorder. Setting this stuff up shouldn’t require trips to Stack Overflow.

ESLint

Scan javascript with the mother of all syntax-checkers. Easily customize hundreds of rules with examples and explanations right in the UI.

JSHint & JSLint

Not ready to move to ESLint? No problem. JSHint and JSLint are built-in, too. See the exact line and column number of every issue.

CoffeeLint

Scan CoffeeScript files for issues, too! Configure options in a slick UI and enforce best practices, just like you do for javascript.

Enforce Coding Styles

Got that one guy who uses tabs instead of spaces? Make him fall in line and easily set up rules to keep the whole team writing clean, readable code.

What’s New in CodeKit 3.6

Massively More Efficient
  • CodeKit now uses 72% fewer CPU cycles to do the same amount of work. Better battery life, cooler laptops.
  • All processing tasks are also 11% faster, on average.
The Quiet Keyword
  • You can now automatically silence warnings for imported JavaScript and CoffeeScript files using a keyword:
  • //@codekitprepend quiet ‘jquery.js’;
  • (This is the same as unchecking the shield checkbox in the UI.)
Importing Skipped Items
  • You can now use @codekitprepend and @codekitappend statements to import any file on disk, even if it’s in a Skipped Folder or outside of your project.
  • If a file can’t be found for one of these statements, you’ll get an error in the log. Previously, no error was reported and CodeKit just ignored the special comment.
More Good Stuff
  • The progress bar now shows actual progress and is far more accurate during builds.
  • Builds can now be canceled.
  • Found a couple things in the UI that were not flat. Flattened them with extreme prejudice.
  • You can now choose “baseline” or “progressive” output formats for JPEG images.
  • Removed silent “Export Data To Russia” feature. Apparently that’s now frowned upon.
Project Icons
  • Fact #1: CodeKit has always used “appletouchicon” images as your Project Icon, if the image exists in a standard location when you add the project.
  • Fact #2: People put things in weird places.
  • Fact #3: CodeKit will now, by god, find your image. 84 levels deep in a folder named “not_NOT_porn”? I got you.
Fixed:
  • Optimizing JPEG files could discard their color profiles, causing them to look different.
  • Some images could be corrupted during optimization.
  • SVGO broke if a certain option was enabled.
  • Text in log entries could sometimes display all over the place.
Component Updates:
  • Libsass 3.5.2
  • Ruby Sass 3.5.6
  • MultiMarkdown 6.3.2
  • CoffeeScript 2.2.4
  • SVGO 1.0.5
  • OptiPNG 0.7.7
  • Autoprefixer 8.2
  • Susy 3.0.3
  • TypeScript 2.6.2
  • ESLint 4.19.1
  • Node 8.11.1

Screenshots

Name CodeKit 3.6 Build 26667 [k].dmg
Size 73.56 MB
Created on 2018-04-09 20:16:04
Hash 6e0b7600b61f775d7e24f3b6cce98380d228fe88
Files CodeKit 3.6 Build 26667 [k].dmg (73.56 MB)

CodeKit 3.5.1 Build 26268

Descriptions for CodeKit 3.5.1 Build 26268

Name: CodeKit
Version: 3.5.1 Build 26268
Released: Feb 16th, 2018
Developer: Bryan D K Jones
Mac Platform: Intel
OS Version: OS X 10.11 or later
Processor type(s) & speed: 64-bit processor

Includes: K

Web Site: http://incident57.com/

Overview

Intuitive yet powerful tool designed to automatically compile Less, Sass, Stylus, Jade, Haml, Slim, CoffeeScript, Javascript and Compass files

Developing websites and compiling built-in scripts, testing them across web browsers, and identifying possible problems can prove to be time consuming and fairly challenging.

CodeKit is a Mac app designed to help you optimize your project, compile various types of code, check the used syntax, and much more.

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.

What’s new in CodeKit 3.5.1 Build 26268

February 15th, 2018

  • Fixed: an issue introduced in the last update where the Kit language done got stupider.
  • New: Autoprefixer option to add Internet Explorer prefixes for CSS Grid rules.
  • Gitbox is now supported as a version control app for auto-pausing.
  • You know who else updates CodeKit on Valentine’s Day? Ryan Reynolds.

Screenshots

Name CodeKit_3.5.1[26268].rar
Size 56.35 MB
Created on 2018-02-18 20:23:24
Hash ed696e94fed6a7ccc49dd5bd5e7b49cafa59444c
Files CodeKit_3.5.1[26268].rar (56.35 MB)

CodeKit 2.8

Description

Name: CodeKit for Mac
Version: 2.8
Language: English 
Release Date: 29 Apr 2016
Mac Platform: Intel
OS version:OS X 10.8 or later 
Processor type(s) & speed: 64-bit

Includes: Patch

More info: http://incident57.com/codekit/index.html


Overview:
CodeKit helps you build websites faster and better. 


Features
・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. 



What's New in Version 2.8:
New 
・Safari Tech Preview is now an option for the Preview Browser.

TypeScript 
・You may need to change the Output Module type for your TypeScript files from commonJS to system after this update, due to a change in the TypeScript compiler.

Component Updates 
・Libsass --> 3.3.6 
・MultiMarkdown --> 5.2 
・Less --> 2.6.1 
・Stylus --> 0.54.4 
・TypeScript --> 1.8.10 
・Jade --> 1.11.0 
・Uglify.js --> 2.6.2 
・Autoprefixer --> 6.3.6 
・Bourbon --> 4.2.7 
・Bourbon Neat --> 1.7.4 

Screenshots

Name CodeKit_v2.8.zip
Size 51.76 MB
Created on 2016-05-02 00:17:17
Hash 1ff2a1069d9cfc327fb1f87a6caf4f54cc99d930
Files CodeKit_v2.8.zip (51.76 MB)