COLT is a front-end development tool which allows writing code live-style. Just as you modify the code and save, the alterations are delivered to the working application using a special protocol. What’s important, all the variables, scroll position, form typed date, etc would be preserved. HTML/CSS would be modified seamlessly without page reload. Out livecoding implementation is preprocessing-based which means that the live code would work anywhere — on any device: desktop, mobile, TVs, etc; and on any browser. COLT can work with CoffeScript, TypeScript, LESS/SASS. It can work anywhere the web-technologies are applied, e.g., JavaFX and PhoneGap. It works with any IDE.
COLT can revolutionize JS-developers tooling. With application running all the time during its development COLT can provide runtime objects inspection features in sublime. For example, if you press ctrl+space you get list of actual JS object members. You can run the function around the caret. You can modfify function body and have it called again with same arguments as last time. In addition, COLT knows where functions are located, so you can quickly find what function are calling using "Go to function declaration" command. That's why we created the plugin for Sublime Text that ties Sublime and COLT together.
- Real object fields and methods in code autocompletion. Works with any objects, even if code was loaded from other server (and not processed with COLT).
- Function call counters in the gutter.
- Syntax and runtime errors highlighted (in the gutter)
- Variable and expression values to the console.
- Re-evaluating random function (with last known arguments).
- Goto function declaration - swtches to proper tab and scrolls to the line where the function is declared (opens the file if necessary).
You can install it using "Package Control".
To run your application in Live mode you need nothing but COLT. You can run it on any device or multiple devices and optimize it for specific resolution and environment.
For example, you were told that your application looks bad on the phone. So you open "live" webpage on that phone (COLT creates intranet webserver that can be accessed from any device connected to your network) and tweak it until it looks right. You can do the same with TVs or any other devices that can connect to your local network and render HTML.
COLT runs the application in live mode from special webserver accessible from anywhere in your network. When developer changes the source, the application is updated on all connected devices of other application users. For example, designer finds the mistake in the layout, like wrongly placed button, then when developer fixes this mistake everyone gets the fix instantly without closing the application.
|Feature (red - COLT key feature)||Brackets/
|Live Refresh (Live Reload)||●||●||●||●||●|
|Safe Coding (recursions and loops check)||●|
|HTML/CSS Update without page reload||●||●||●|
|Firefox/Internet Explorer/Safari/Opera (all browsers)||●||●|
|Works with any IDE||●||●||●|
|No need for Browser Extension||●||●|
|Shared Access (teamwork service)||●|
|Full Static Website Emulation (SSI, absolute URLs)||●|