Category Archives: HTML5

Structure Even well-formed HTML pages are harder to process than they should be because of the lack of structure. You have to figure out where the section breaks go by analyzing header levels. Sidebars, footers, headers, navigation menus, main content … Continue reading →

The browser location bar is perhaps the geekiest mainstream piece of user interface in the world. There are URLs on billboards, on the sides of trains, and even in street graffiti. Combined with the back button — easily the most important button in the browser — you have a powerful way to go forward and backward through the vast set of intertwingled resources called the Web. Continue reading →

<audio># return !!document.createElement(‘audio’).canPlayType; <audio> in MP3 format# var a = document.createElement(‘audio’); return !!(a.canPlayType && a.canPlayType(‘audio/mpeg;’).replace(/no/, ”)); <audio> in Vorbis format# var a = document.createElement(‘audio’); return !!(a.canPlayType && a.canPlayType(‘audio/ogg; codecs=”vorbis”‘).replace(/no/, ”)); <audio> in WAV format# var a = document.createElement(‘audio’); return !!(a.canPlayType … Continue reading →

  Common abbreviations (you’ll see these throughout this chart): $new=document.createElement $bool=function(any){return!(any==”no”||!any)} Most new features can be detected in JavaScript. To test for HTML5 video support, create a <video> element and check for a property in its DOM: if(“canPlayType” in $new(“video”)){…} … Continue reading →