experimental(
  object:Object,    // generic Object to check
  property:string   // generic property to check
  [,
    assign:boolean  // optional flag to set the value
  ]
):string            // the found property or undefined

// check if present and use it
if (experimental(window, "requestAnimationFrame", true)) {
  // in this case attached directly to the global
  // so we can just use it all over
  requestAnimationFrame(callback);
} else {
  setTimeout(callback, 10);
}

this.onload = function () {
  //* add just a slash before this line ..
  var body = document.body,
      TRANSITION = experimental(body.style, "transition"),
      TRANSITION_END = experimental(window, "transitionEnd");
      // please note it's camelCase, most likely
      // will be webkitTransitionEnd
 
 
  if (TRANSITION) {
    // property found, this could be
    // mozTransition or webkitTransition, etc
    body.style[TRANSITION] = "background-color 1s ease-out";
  }
  
  // we can set this regardless
  // in the worst case scenario it will never be fired
  // however, Firefox does not behave properly
  // so "transitionend" exists but it's hard to tell
  body.addEventListener(
    TRANSITION_END || // webkit wants camelCase, so does opera
    "transitionend"
    ,
    function (e) {
      alert(e.type);
    },
    false
  );
 
  // later on ...
  setTimeout(function () {
    body.style.backgroundColor = "blue";
  }, 1000);
}

alert([
  // new stuff, if present
  experimental(window, "indexedDB"),
  experimental(window, "URL"),
  experimental(window, "performance"),
  experimental(window, "performance") &&
  experimental(
    window[
      experimental(window, "performance")
    ],
    "timing"
  ),
  // direct method
  experimental(window, "requestAnimationFrame", true),
  experimental(document, "readyStateChange"),
  experimental(window, "transitionEnd"),
  experimental(document.documentElement.style, "transition")
].join("\n"));

var experimental = require('experimental').experimental;