aquillano/dabblet.css

## dabblet.css
/**
 * Viewport nudge
 */

body {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 1000px;
}

.nudge {
	position: fixed;
	height: 30px;
	bottom: 0;
	width: 100%;
	background: blue;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="nudge">
	<p>Howdy</p>
</div>

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* Viewport nudge
	*/

	body {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 1000px;
	}

	.nudge {
	position: fixed;
	height: 30px;
	bottom: 0;
	width: 100%;
	background: blue;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div class="nudge">
	<p>Howdy</p>
	</div>