jordandobson

/***************************************************************************
**	Orientation Indicators
***************************************************************************/

.orientation{
	position: absolute;
	top:   .5em;
	right: .5em;
	z-index: 1000;

jordandobson

$grid-color: #000;
$grid-opacity: .15;

$clear: transparent;

#grid{
  width:  100%;
  height: 100%;
  position: absolute;
  /* Old Webkit */

jordandobson

<blockquote>
  <header>
    <meter>
      <strong>5</strong><span> of 5</span>
    </meter>
    <address>
      <strong>Diane S</strong> from Edmonds, WA
    </address>
    <h1>We came to the Westin to check out the beds.</h1>
  </header>

jordandobson

(function(document){

  window.CLS = window.CLS || {};
  
  CLS.add = function(el, cn){
    if(!CLS.exists(el, cn)){
      el.className = el.className ? el.className + ' ' + cn : cn;
    }
  }

jordandobson

<div id="the_div">
  <ul id="the_list">
    <li id="the_item">Click me!</li>
  </ul>
</div>

<p id="log"></p>

<script type="text/javascript" charset="utf-8">
  function log(string){

jordandobson

var Car = function(make, color){
  this.make  = make;
  this.color = color;
};

function logCar(c){
  console.log("I'm a " + c.color + " " + c.make);
}

Car.prototype.log = function(){

jordandobson

(function(countdown, container){

  var index;
  
  function log(){
    console.log(index);
  }
  
  function iterate(){
    log();

jordandobson

/* Border & Vignette Setup */
	 
    figure{
      position:               relative;
      display:                block;
      line-height:            0;
      width:                  500px;
      height:                 333px;
      margin-bottom:          2em;
      border:                 1em solid #fff;

jordandobson

/* Sets Size of box containing gradients */

    .layer{
      width: 48px;
      height: 32px;
    }
    
/* Final Combined Gradient Image Composition */
    
    .all{

jordandobson

if (window.devicePixelRatio == 2) { 
  // All yer codez Here
}