I am a huge fan of Codekit. I don’t have enough words to praise Bryan (who is such a cool guy) and his dev tool, and since I work 95% of my time on Apple, Codekit is AND does all I need as far as my Sass is concerned.
But I happen to use windows machines every now and then, and although using the command lines “compass create” and “compass watch” is far from rocket science, I do miss Codekit’s features so much when I’m on Windows environments.
Huge news this week for Windows folks (sorry if I’m late to the party). A clever guy (Subash Pathak, you can give him some love here) released a free windows version of a Codekit-like app, named Prepros, and I thought I would give it a go.
Be aware that I’m only testing Sass here. Prepros looks like it compiles a number of other languages including the likes of coffee script, jade (whatever this is lol), and more, but I’m not touching those.
Let’s get cracking then. There’s not a huge amount of documentation on the site, but install and use are easy enough. Grab the app by downloading it (green button), and run the .exe.
Save the Live Browser refresh chrome extension in your files, open your chrome extension page (chrome://extensions), grab the saved extension file and drop it on the extension page.
Then it’s dev time. Go ahead and create a test folder. And add it to Prepros by dragging it onto the app (or use the + icon to locate the folder).
The moment you add an scss folder and a file in it, Prepros will automatically recognize it and create a config.rb file and a .sass-cache folder.
Update: As some of you pointed it out in the comments, Prepros doesn’t deal with config.rb nor sass-cache files/folders. I only got those files because I was testing on an environment with ruby and Sass pre-installed. Therefore you can start with a windows environment free of those. Prepros will take care of the compiling itself.
Create a css folder. You can adjust the name of your css, img and js folders right on Prepros.
1. Make sure you tick the “Allow Access to file URLs” checkbox in your chrome extensions settings
and 2. do not open your html straight from the browser or by choosing open file with following a right click. Use Prepros’ ‘Open project live url’ as Subash stated it in the FAQ. Change your files and watch your html getting refreshed automatically.
Very much impressed with Prepros. We were promised a free version of Codekit for Windows, and the least we can say is we did get that. Well done Subash!
Most Recent Posts
Special Recent Posts
July 7th, 2014
I have recently finished a project based on Perch, the clever 'little' CMS created by edgeofmyseat.c[...]
June 9th, 2014
We've all been there. You want to select a good chunk of text on a website, only to realise you can'[...]