rayboyd

for (var k in html5)
    console.log(k, '...', html5[k]);

(function(window, document, navigator, undefined) {
    var html5 = {
        appcache:   !!(window.applicationCache),
        audio:      !!(document.createElement('audio').canPlayType),
        dragdrop:   !!('draggable' in document.createElement('span')),
        fileapi:    !!(typeof FileReader !== 'undefined'),
        geolocate:  !!(navigator.geolocation),

rayboyd

HTML5 and friends.

A bigass bulleted list of features.

I commonly need to get a big list of all the stuff people think of when they think new and shiny these days. This list is for that.

I take a very inclusionist approach to it. 1

javascript APIs

• Web Storage (localStorage, sessionStorage)
• Web SQL Database

rayboyd

$(document).ready(function() {
    // html5 feature support
    for (var k in html5)
        console.log(k, '...', html5[k]);
});

(function(window, document, navigator, undefined) {
    var html5 = {
        appcache:   !!window.applicationCache,
        geolocate:  !!navigator.geolocation,

rayboyd

javascript:(function(){var meta=document.getElementsByTagName('meta');for(var i=0;i<meta.length;i++){switch(meta[i].getAttribute('property')){case'og:title':var title=encodeURIComponent(meta[i].getAttribute('content'));break;case'og:director':var director=encodeURIComponent(meta[i].getAttribute('content'));break;case'og:url':var url=encodeURIComponent(meta[i].getAttribute('content'));break;};};window.open('http://url.co.uk/?title='+title+'&director='+director+'&url='+url);})();

rayboyd

(function(document) {
    var el = (document.compatMode === "CSS1Compat")
        ? document.documentElement
        : document.body;
    return {
        'height': el.clientHeight,
        'width': el.clientWidth
    }
}(document);

rayboyd

Keybase proof

I hereby claim:

• I am rayboyd on github.
• I am rayboyd (https://keybase.io/rayboyd) on keybase.
• I have a public key ASBokciSsbWPh0ZBq6c8zfUrNhRq4wwBqkcLRiqwwFMZPQo

To claim this, I am signing this object: