OmShiv

<div id="overlay-container-1" class="overlay">
  <div id="spelling-confirm-overlay" class="page" hidden="" style="max-height: 351.90000000000003px;">
  <div class="close-button"></div>
  <h1 i18n-content="spellingConfirmOverlay">Ask Google for Suggestions</h1>
  <div class="content-area">
    <span id="spelling-confirm-text" i18n-content="spellingConfirmMessage">Google Chrome can provide smarter spell-checking by sending what you type in the browser to Google servers, allowing you to use the same spell-checking technology used by Google search.</span>
    <a id="spelling-confirm-learn-more" target="_blank" i18n-content="learnMore" i18n-values="href:privacyLearnMoreURL" href="https://support.google.com/chrome/?p=settings_privacy">Learn more</a>
  </div>
  <div class="action-area">
    <div class="button-strip">

OmShiv

/*
** OLD
*/

var xhr = new XMLHttpRequest();
xhr.open('GET', '/path/to/image.png', true);

// Trick to pass bytes through unprocessed.
xhr.overrideMimeType('text/plain; charset=x-user-defined') 

OmShiv

  window.onload = function run() {

  var width         = window.innerWidth;
  var height        = window.innerHeight;
  var elm           = document.createElement('canvas');
  var pixelDensity  = window.devicePixelRatio || 1;
  var orbs          = [];
  var orbCount      = window.innerHeight / 10;
  elm.setAttribute('width', width * pixelDensity);
  elm.setAttribute('height', height * pixelDensity);

OmShiv

<canvas id="canvas"></canvas>

OmShiv

<h1>Simple 3D effect</h1>
<div class="flip"></div>

OmShiv

body {
  font-family: sans-serif;
}

ul {
  list-style: none;
}

li {
  background: slategrey;