The first commented line is your codelet’s title

dabblet.css

/**
 * The first commented line is your codelet’s title
 */

p {
	color: #f06;
	font: italic 200% Georgia, serif;
	transition: 1s cubic-bezier(.2,.6,.8,.8);
	width: 400px;	
}

html:hover p {
	transform: rotate(360deg);
}

dabblet.html

<p>I ♥ WebPlatform.org!</p>

dabblet.js

 alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"javascript"}