HTML5
Get flash to fully experience Pearltrees
HTML5 Cross Browser Polyfills - GitHub
So here we're collecting all the shims, fallbacks, and polyfills in order to implant html5 functionality in browsers that don't natively support them. The general idea is that: we, as developers, should be able to develop with the HTML5 apis, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code doesn't have to change but users will move to the better, native experience cleanly. Looking for a way to conditionally load these scripts client-side based on feature detects? See Modernizr .
game dev
HTML5 enabling script
7 Jan Since HTML5 is getting more attention by way of marking up our new pages, and the only way to get IE to acknowledge the new elements, such as <article> , is to use the HTML5 shiv , I’ve quickly put together a mini script that enables all the new elements. Download html5shiv.js and must be inserted in the head element (this is because IE needs to know about the element before it comes to render them – so it can’t sit in the footer of the page, i.e. below the elements in question). I’ve updated this post to link to Alexander Farkas’s version of the shiv – it’s the very latest and my simple one line script.
innerShiv makes HTML5shim work on innerHTML & jQuery
The HTML5 shi(m|v) fixes styling HTML5 elements in old IE, but things break again when an unappended element's content is set by innerHTML, like so: var s = document .createElement( "div" ); s . innerHTML = "<section>Sad section cannot be styled. :(</section>" ; document . body .appendChild( s );
Blogs
Last December, when we launched HTML5 Labs , the place where Microsoft shares prototypes of early and unstable standards, we committed to regularly update these prototypes and add additional prototypes based on what will most help with the testing of the specifications. Ongoing Prototype Updates, Spec Analysis and Investigation Since then, we have updated the WebSockets prototype three times and we have analyzed a number of specifications, with three new areas currently under active investigation. Today I am truly pleased to announce that we have also added a new prototype - FileAPI - as well as made an announcement on our plans for the MediaCapture API. We have also been working with, and listening to, the feedback from early users, and have updated the HTML5 Labs site and given it a new look and feel. Introducing the FileAPI Prototype
tips
unit testing
Using the File API, which was added to the DOM in HTML5, it's now possible for web content to ask the user to select local files, then read the contents of those files. This selection can be done by either using an HTML <input> element, or by drag and drop. If you want to use the DOM File API from extensions or other browser chrome code, you can; in fact, there are some additional features to be aware of. See Using the DOM File API in chrome code for details. Accessing selected file(s) Consider this HTML:
Object URLs
Using object URLs to display images
Using the File API, which was added to the DOM in HTML5, it's now possible for web content to ask the user to select local files, then read the contents of those files. This selection can be done by either using an HTML <input> element, or by drag and drop. If you want to use the DOM File API from extensions or other browser chrome code, you can; in fact, there are some additional features to be aware of.
window.URL.createObjectURL
Summary Creates a new object URL, whose lifetime is tied to the document in the window on which it was created. The new object URL represents the specified File object or Blob object.FormData - MDC Doc Center
XMLHttpRequest Level 2 adds support for the new FormData interface. FormData objects provide a way to easily construct a set of key/value pairs representing form fields and their values, which can then be easily sent using the XMLHttpRequest send() method. It uses the same format a form would use if the encoding type were set to "multipart/form-data". For details on how to use the FormData object, see Using FormData objects . Constructor
Editor's Draft 20 December 2012 This version: https://www.khronos.org/registry/typedarray/specs/latest/ Web IDL: https://www.khronos.org/registry/typedarray/specs/latest/typedarray.idl
Typed Array Specification
JavaScript typed arrays
Introduced in Gecko 2 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1) As web applications become more and more powerful, adding features such as audio and video manipulation, access to raw data using WebSockets, and so forth, it has become clear that there are times when it would be helpful for JavaScript code to be able to quickly and easily manipulate raw binary data.You probably know by now that JavaScript is getting a lot of upgrades at the moment. One of the upgrades that WebGL is bringing along for the ride is JavaScript Typed Arrays. A JavaScript Typed Array is very quick!
Regular vs. Typed - Benchmark
Introduced in Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1) The Int16Array type represents an array of twos-complement 16-bit signed integers. Once established, you can reference elements in the array using the object's methods, or using standard array index syntax (that is, using bracket notation).