jackarmley/dabblet.css

## dabblet.css
/**
 * The first commented line is your dabblet’s title
 */

.corner{
	position:relative;
	width:40px;
	height:40px;
	background:red;
	overflow:hidden;
}
	.corner:after{
		content:" ";
		display:block;
		position:absolute;
		top:12px;
		left:12px;
		width:55px;
		height:55px;
		background:yellow;
		-webkit-transform:rotate(45deg);
	}

## dabblet.html
<!-- content to be placed inside <body></body> -->

<div class="corner"></div>

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

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* The first commented line is your dabblet’s title
	*/

	.corner{
	position:relative;
	width:40px;
	height:40px;
	background:red;
	overflow:hidden;
	}
	.corner:after{
	content:" ";
	display:block;
	position:absolute;
	top:12px;
	left:12px;
	width:55px;
	height:55px;
	background:yellow;
	-webkit-transform:rotate(45deg);
	}
	<!-- content to be placed inside <body></body> -->

	<div class="corner"></div>