I’ve written a simple plugin that allows you to modify your WordPress sites using WebPutty.

So what’s WebPutty?

WebPutty is a simple CSS editing and hosting service.
WebPutty gives you a syntax-highlighting CSS editor you can use from anywhere, the power of SCSS and Compass, a side-by-side preview pane, and instant publishing with minification, compression, and automatic cache control.

There’s a video at YouTube

Integration:
In WordPress, add the WebPutty integration code to your theme, or add it using my plugin. The integration code looks like:

<link rel="stylesheet" type="text/css" href="//webputty.commondatastorage.googleapis.com/[KEY].css" />
<script type="text/javascript">
(function(w,d){
	if(w.location!=w.parent.location||w.location.search.indexOf('__preview_css__')>-1){
		var t=d.createElement('script');
		t.type='text/javascript';
		t.async=true;
		t.src='http://www.webputty.net/js/[KEY]';
		(d.body||d.documentElement).appendChild(t);
	}
})(window,document);
</script>

Plugin installtion and activation:

1. The plugin is available in the WordPress Plugin Directory
2. Install and activate it.
3. Go to Settings -> WebPutty Helper and add the integration code from WebPutty (see images below)

Integrating WebPutty and WordPress using my plugin:

Change log:
0.0.1: Initial version

Todo:

• Add option to remove local styles
• Anything else? Please add your wishes as a comment below