Linear Gradients

HTML5 canvas demos

HTML

<!-- <form>
  <input onkeyup="calcTotal()" type="text" />
<input onkeyup="calcTotal()" type="text" />
<p onkeyup="calcTotal()"></p>
</form>

<p id="total"></p> -->
<span onClick="load()">click</span>

JavaScript

/* function calcTotal(){
  var inputs = document.getElementsByTagName('input'),
      result = 0;
  for(var i=0;i<inputs.length;i++){
    if(inputs[i].value)
      result += inputs[i].value;
  }
  document.getElementById('total').innerHTML = 'Total: ' + result;
} */
     function load(){
      var message;
   var isFontSmoothingOn = TypeHelpers.hasSmoothing();
   if (isFontSmoothingOn == true) {
      message = "This browser is using a font-smoothing technology";
   } else if (isFontSmoothingOn == false) {
      message = "This browser isn't using a font-smoothing technology"
   } else {
      message = "We could not detect if font-smoothing is being used."
   }
   document.getElementById('detectInfo').innerHTML = message;

}

window.onload = load;
     }