jsFiddle template

fiddle.css

body {
	font-family: Helvetica, Verdana
}
p {
	padding: 7px 10px;
}
#demo { 
	border: 1px solid #999;
}

fiddle.html

<h1>Test
<p>Result will appear below with 1 sec delay</p>
<div id="demo"><p>This text will be replaced</p></div>

<p><a href='http://doc.jsfiddle.net/use/gist_read.html' target='_new'>Documentation</a></p>
<p><a href='http://gist.github.com/1504294/' target='_new'>Gist Demo</a></p>

fiddle.js

window.addEvent('domready', function() {
	new Request.HTML({
		url: '/gh/gist/response.html/1504294/',
		data: {'delay': 1},
		method: 'post',
		update: 'demo',
		onSuccess: function(response) {
			$('demo').highlight();
		}
	}).send();
})

fiddle.manifest

name: Request.HTML - jsFiddle/Gist integration demo
description: jsFiddle demo hosted on Gist using HTML Request to get Ajax data
authors:
  - Piotr Zalewa
resources:
  - /js/empty.js
  - /css/normalize.css
normalize_css: no

fiddle.response.html

<p>This <span>content</span> is loaded from Gist via XHR request (<span>Ajax</span>)</p>
<p>It has also some <span>JavaScript</span> code which is setting the background for spans</p>
<script type='text/javascript'>
	$$('#demo span').each(function(el) {
		el.setStyle('backgroundColor', '#ffb');
	});
</script>

I’m got some modern CSS that makes a great jsfiddle template here.