doctyper

// 12 => 12
// 1 => 01
number = ("0" + number).slice(-2);

doctyper

// Jordan Dobson's Loading Indicator
// Development, design, HTML and CSS by Jordan Dobson
// http://jordandobson.tumblr.com/post/905003090/resizable-animated-loading-indicator

// Loader width/height
$spin-size: 40px !default;

// Pick a color and set the alpha value to 1
$spin-color: #fff !default;

doctyper

$linear:            cubic-bezier(0.250, 0.250, 0.750, 0.750) !default;
$ease:              cubic-bezier(0.250, 0.100, 0.250, 1.000) !default;

$ease-in:           cubic-bezier(0.420, 0.000, 1.000, 1.000) !default;
$ease-out:          cubic-bezier(0.000, 0.000, 0.580, 1.000) !default;
$ease-in-out:       cubic-bezier(0.420, 0.000, 0.580, 1.000) !default;

$ease-in-quad:      cubic-bezier(0.550, 0.085, 0.680, 0.530) !default;
$ease-out-quad:     cubic-bezier(0.250, 0.460, 0.450, 0.940) !default;
$ease-in-out-quad:  cubic-bezier(0.455, 0.030, 0.515, 0.955) !default;

doctyper

export ARCHFLAGS='-arch i386 -arch x86_64'

doctyper

// Usage:
// var ctx = canvas.getContext("2d");
// var data = desaturate(ctx);
// ctx.putImageData(data);

var desaturate = function (ctx) {
	var imgData = ctx.getImageData(0, 0, dimension, dimension);
	
	for (y = 0; y < dimension; y++) {
		for (x = 0; x < dimension; x++) {

doctyper

@import "compass";

doctyper

@for \$${3:i} from ${2:1} through ${1:3} {
	${4:.item-#{\$${3:i}\}} {
		$0
	}
}

doctyper

var el = document.getElementById("foo"),
    transform = window.getComputedStyle(el, null).webkitTransform,
    matrix = new WebKitCSSMatrix(transform);

el.style.webkitTransform = matrix.scale(1);

doctyper

javascript:var i=document.images,p;for(p in i){i[p].src="//placekitten.com/"+i[p].width+"/"+i[p].height;}i[-1]

doctyper

box-sizing (IE 7)
pointer-events (IE)
display: box (IE)