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:

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

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:
[gallery columns="4"]

Change log:
0.0.1: Initial version

Todo:

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