Previewer test

dabblet.css

/**
 * Previewer test
 */

background: #f06;
background: linear-gradient(left bottom, 
	    hsla(340, 100%, 50%,.7), yellow);
background: url(http://placekitten.com/330/340);
content: '\2665';
min-width: 100px;
width: 2in;
transition-duration: 6s;
transition-duration: 1000ms;
transition-timing-function: cubic-bezier(.2,.6,.8,.8);
transition-timing-function: ease-in;
transform: rotate(45deg);
transform: rotate(-.125turn); /* negative angle */
font-family: Dabblet, 'Palatino Linotype', "Times New Roman", sans-serif;
font-family: fantasy; /* single font-family */
font: bold 100%/1.5 Monaco, Consolas, monospace;

dabblet.html

<img src="http://placekitten.com/330/340" alt="Awwww" />

&#x2665;

&hearts;

settings.json

{"view":"separate","prefixfree":"1","page":"css"}

I don't like the idea of doing it only for the stuff caniuse has. If I do something like that, it should be for everything. Maybe if the W3C provides an API for its testsuite, which I think will eventually happen.

Ok I understood. Ah, another idea for a site, if I'd have some extra time, I'd consider creating and maintaing a site what could answer the question of “which browsers support this property or value”.

Well, sooner or later something would appear in the internets, would it from the W3C, caniuse, someone else or from me, I'd let you know if I'd stumble upon it :)