Brian Blakely brianblakely

## dabblet.css
/* Improved Windows 8 Logo */

* {
	font-family: "Myriad Pro";
	font-size: 96px;
}
body {
	padding: 50px;
	color: #646464;
}

## gist:1473024
// Element By ID
var $foo = $(document.getElementById('foo'));

// Multiple Elements By ID
var $$foobar = $([
			document.getElementById('foo'),
			document.getElementById('bar')
		]);

// Node List

## vertical-alignment.html
<!-- IE6+ -->
<!--
	NOTES:

	1. For this to work in IE6 or 7, your elements must have a "natural" display value of inline.  <span>, <img>, <a> — these are a few elements that qualify.

	2. These two elements must be the only immediate children of their parent.

	3. valign-content cannot be 100% the width of the container.  But it can be 99% width!  Play with it.

## gist:581868
<!DOCTYPE html>

<!-- Helpful things to keep in your <head/>
  // Brian Blakely, 360i
  // http://twitter.com/brianblakely/
-->
  <head>

    <!-- Disable automatic DNS prefetching.
	/* Improved Windows 8 Logo */

	* {
	font-family: "Myriad Pro";
	font-size: 96px;
	}
	body {
	padding: 50px;
	color: #646464;
	}
	// Element By ID
	var $foo = $(document.getElementById('foo'));

	// Multiple Elements By ID
	var $$foobar = $([
	document.getElementById('foo'),
	document.getElementById('bar')
	]);

	// Node List
	<!-- IE6+ -->
	<!--
	NOTES:

	1. For this to work in IE6 or 7, your elements must have a "natural" display value of inline. <span>, <img>, <a> — these are a few elements that qualify.

	2. These two elements must be the only immediate children of their parent.

	3. valign-content cannot be 100% the width of the container. But it can be 99% width! Play with it.
	<!DOCTYPE html>

	<!-- Helpful things to keep in your <head/>
	// Brian Blakely, 360i
	// http://twitter.com/brianblakely/
	-->
	<head>

	<!-- Disable automatic DNS prefetching.