- How to Use
CodeKit Alternative built on Node.JS
An attempt at replicating some of the awesome power in CodeKit.
Thank you, incident57 for providing the inspiration!
PLEASE NOTE: This has not been thoroughly tested! This is a prototype!
I do not take responsibility for ruining your working directory, use with caution...
Make sure to backup any directory before starting the Node Server!
Live Browser Reloads
Place a small snippet of code into your "views":
<script src="./jquery.js"></script> <script src="./node-codekit-display.js"></script>
... and everytime you create or change a file in your project directory, NodeKit will instruct every instance of your page to refresh, ensuring every device is in sync. (it's compatible with:- Chrome, Safari, Firefox on Mac, Windows or Unix and Android and iOS devices)
We've all been there, you just can't get the site to look quite right, you're playing with rules, and sometimes it's not convenient to do it in Debugging Tools, or maybe you're designing for a tablet or mobile device and don't have such luxuries.
Well with NodeKit, everytime a Stylesheet changes, it instructs all your browsers/displays (inc. Mobiles/Tablets) to reload the stylesheets, no refresh of the page needed!
Working with LESS? These will be compiled automatically for you!
example: style.less => style.less.css
CSS & JS Minifier/Compressor
currently broken (and disabled)
example: style.less.css => style.less-min-yui.css example: jquery.js => jquery-min-yui.js
Using only NodeJS and Node libraries (npm modules); it is truely cross platform; all you need is NodeJS and you're ready to go!
How to Use
You can either clone the repo or install from NPM repo
npm install -g node-codekit
Unfortunately, at the moment configuration is hardcoded, so sensible defauls have been applied.
If you need to change the configuration then please clone the repo, make the amendments and then install from the local directory by running:
npm install -g
LAUNCH IN ROOT OF WORKING DIR
cd myProject/ node-codekit