davidhund

http://search.twitter.com/search.json?q=from:davidhund&rpp=3&result_type=recent

davidhund

https://graph.facebook.com/<USERNAME>/statuses?fields=from.name,message,updated_time&limit=3&access_token=ABCD+

OR

https://graph.facebook.com/<ID>/statuses?fields=from.name,message,updated_time&limit=3&access_token=ABCD+

davidhund

/**
 * Experimenting with background-clip fallbacks
 * As per: http://nimbupani.com/using-background-clip-for-text-with-css-fallback.html
 * 
 * I was trying to see if we could do away with the linear-gradient hacks and use 
 * something simpler.
 * 
 * First I thought about using -apple- or -khtml- prefixes for the effect:
 * Opera picks up -webkit- but not -apple- and Webkit supposedly still supports those...
 * Except: Chrome (Canary) no longer does :(

davidhund

/**
 * Experimenting with some SVG
 */
body {
	font: Helvetica, sans-serif;
	font-size: 26px;
	text-align: center;
	background: #FFF;
	color: #333;
	margin: 0;

davidhund

/**
 * A rotated hexagon with CSS only
 */
body {
background: #f06;
background: linear-gradient(45deg, #CFF, #3FF);
color: #FFF;
min-height: 100%;
}

davidhund

/**
 * A Happy Little™ Flower Accident with CSS
 */
body {
background: #f06;
background: linear-gradient(45deg, #CFF, #3FF);
color: #FFF;
min-height: 100%;
}

davidhund

/**
 * A Happy Little™ Flower Accident with CSS
 */
body {
background: #f06;
background: linear-gradient(45deg, #CFF, #3FF);
color: #FFF;
min-height: 100%;
}

davidhund

.holder {
display: table;
}

.content {
background: black;
color: white;
display: table-cell;
}
.footer {

davidhund

/**
 * Quick Inline Definition List, TOC style
 */

html { background: #EEE; color: #333; margin: 0; padding: 0; }
body { background: #FFF; margin: 1em auto; padding: 1em; max-width: 30em; }

dl.toc {
	margin: 0 0 1em 0;
	line-height: 1.5;

davidhund

/**
 * Testing CSS Toggle()
 */

/* Straight from the Spec
   http://dev.w3.org/csswg/css3-values/#toggle
*/
ul { list-style-type: disc; }
ul ul { list-style-type: toggle(disc, circle, square, box); }