drublic

/**
 * Polyfill for the vw, vh, vm units including StyleFix
 * @author Lea Verou
 */
(function(){
  
  if(!window.addEventListener) {
  	return;
  }
  

drublic

Samsung Galaxy S9000 Android 2.3 (handheald):
	Webbrowser (Webkit):
		                 meta-none: p 800x1130 - l 800x357
		                meta-width: p 320x452  - l 533x239
		        meta-width-initial: p 320x452  - l 320x452 (533x239 on load/refresh)
		meta-width-initial-maximum: p 320x452  - l 533x239


        Opera Mobile:
		                 meta-none: p 981x1232 - l 980x347

drublic

/**
 * Testing CSS3 Filters
 */

img {
	-webkit-transition: all .5s ease;
	-webkit-filter: blur(0);

}
img:hover {

drublic

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

img {
	-webkit-transition: all .5s ease;
	-webkit-filter: blur(0);
	-webkit-transform: translate3d(0,0,0);

}

drublic

/**
 * Previewer test
 */

background: #f06;
background: linear-gradient(left bottom, 
	    hsla(340, 100%, 50%,.7), yellow);
min-width: 100px;
width: 2in;
transition-duration: 6s;

drublic

/* Testing Opera's input[type="color"] */
input[type='color'] {
	display: block;
	width: 200px;
	height: 200px;
	background: orange;
	border-radius: 50%;
}

drublic

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

p {
	background: attr(data-color);
}

drublic

/**
 * Testing Nicolas Gallagher's method for responsive images
 */

p {
	content: attr(data-title);
}

drublic

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

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

drublic

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

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height:100%;