yoavweiss/dabblet.css

## dabblet.css
/**
 * Media query to detect full screen mode!
 * Y U NO WORK Chrome??
 * Firefox, you’re lovely.
 */

body {
	background: red;
	font: bold 400% Helvetica Neue, sans-serif;
	color: white;
}

@media (device-width: 100vw) and (device-height: 100vh) {
	body {
		background: green;
	}

	body::before { content: "Full screen!!" }
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
Is this thing on?
<div id=output></div>

## dabblet.js
// alert('Hello world!');
if (matchMedia("(max-width: 110vw)").matches)
	document.getElementById("output").innerHTML = "MATCH";
else
	document.getElementById("output").innerHTML = "no match :(";

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"","page":"javascript"}
	/**
	* Media query to detect full screen mode!
	* Y U NO WORK Chrome??
	* Firefox, you’re lovely.
	*/

	body {
	background: red;
	font: bold 400% Helvetica Neue, sans-serif;
	color: white;
	}

	@media (device-width: 100vw) and (device-height: 100vh) {
	body {
	background: green;
	}

	body::before { content: "Full screen!!" }
	}
	<!-- content to be placed inside <body>…</body> -->
	Is this thing on?
	<div id=output></div>
	// alert('Hello world!');
	if (matchMedia("(max-width: 110vw)").matches)
	document.getElementById("output").innerHTML = "MATCH";
	else
	document.getElementById("output").innerHTML = "no match :(";