HTML5
Get flash to fully experience Pearltrees
HTML5 Cross Browser Polyfills - GitHub
Units is a JavaScript library for converting between angle and length units (including the 'rem' unit). Both are intended for use within other libraries that need to convert between acceptable CSS units when creating polyfills.
game dev
The cause was most likely JavaScript. Web pages are becoming increasingly JavaScript-heavy, sometimes so heavy they can't move. JavaScript's ubiquity is a boon for developers but this means it can run on a wide variety of devices including many that are underpowered for today's web applications.
Web Workers rise up! - Dev.Opera
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 , is to use the HTML5 shiv , I've quickly put together a mini script that enables all the new elements. The html5.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). It's conditional within the code, so Firefox et al won't run the code - but it doesn't hurt to wrap it in an IE conditional call to reduce the http pulls for other browsers:
When can I use... Support tables for HTML5, CSS3, etc
Note: Only supported in IE6 and IE7 on elements with a display of "inline" by default. Alternative properties are available to provide complete cross-browser support. Note: IE7 does not support "inherit" as a value on any of these properties. IE8 has some bugs with max-width/height combined with overflow: auto/scroll. Method of setting the transparency level of an element
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
Popcorn.js - The HTML5 Video Framework
“The demo shows how you can play a video in an enriched context, by linking open data sources to terms that are found in speech transcripts rendered from videos. For the Code Camping event, organized by Open Cultuur Data (Open Cultural Data) I extended the demo with newly linked data sets.” A demonstration of various technologies developed by the TexMex team (INRIA – France), using Popcorn to display automatic chaptering information and named entities detection of news bulletins This multimedia feature about political jokes in former Eastern Germany / GDR uses Popcorn.js to show further links, context and subtitles in the video. (German) A great showcase of having popcorn content play simultaneously on 2 screens – imagine a television show with related content on your tablet.
tips
unit testing
Using the File API 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 element, or by drag and drop. If you want to use the DOM File API from extensions or other chrome code, you can; in fact, there are some additional features to be aware of.
Object URLs
Using object URLs to display images
Using the File API 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 element, or by drag and drop. If you want to use the DOM File API from extensions or other 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. When the user selects a file, the handleFiles() function gets called with a FileList object containing the File object representing the file selected by the user.
Example
This is a demo of calling click() on a form's file picker. Note that the file input element is actually hidden here, so the user doesn't have to see the path to the selected file.
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. Each time you call createObjectURL() , a new object URL is created, even if you've already created one for the same file. Each of these must be released by calling window.URL.revokeObjectURL() when you no longer need them. Browsers will release these automatically when the document is unloaded; however, for optimal performance and memory usage, if there are safe times when you can explicitly unload them, you should do so.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. If you specify a Blob as the data to append to the FormData object, the filename that will be reported to the server in the "Content-Disposition" header will vary from browser to browser. See the Browser compatibility section for details.This specification provides an API for interoperability with native binary data. It defines a generic fixed-length buffer type, as well as accessor types that allow access to the data stored within the buffer. This document is an editor's draft.
Typed Array Specification
JavaScript typed arrays
This page is not complete. 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. In the past, this had to be simulated by treating the raw data as a string and using the charCodeAt() method to read the bytes from the data buffer.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). Int16Array Int16Array( unsigned long length ); Int16Array Int16Array( TypedArray array ); Int16Array Int16Array( sequence array ); Int16Array Int16Array( ArrayBuffer buffer, optional unsigned long byteOffset, optional unsigned long length ); An object of any of the typed array types (such as Int32Array ), or a sequence of objects of a particular type, to copy into a new ArrayBuffer . Each value in the source array is converted to a 16-bit signed integer before being copied into the new array.