See the full issue archive.

Subscribe to HTML5 Weekly here.

HTML5 Weekly

Issue #32 - April 4, 2012

News and Latest Developments

Contrary to the data from StatCounter, linked in last week's H5W, WebMonkey notes that IE is actually growing in popularity and explains where the discrepancy in the figures comes from.
Got some time for reading? The HTML Working Group has published ten updated working drafts of the HTML5 specification, HTML5 vs HTML4, HTML Microdata, and more. One for completionists only.
HTML5 developer tools company Sencha does its latest 'HTML5 scorecard' review of the 'New iPad' running iOS 5.1. Overall, it doesn't score much better than the iPad 2 it seems.
Ian Hickson, editor of the HTML specification, unveils some additions to the Canvas 2D API. Don't expect these in the mainstream just yet but it's interesting to see what's coming along.

Reading

Over on the always excellent HTML5 Doctor, Remy Sharp demonstrates how to use several APIs to implement an HTML5-based drag and drop file uploader, including the complete upload and upload progress section.
Manuel Kiessling kicks off a series about building a Canvas-based game in JavaScript from absolute basics.
Imagine stacking a pile of icons on top of each other in an SVG file and then using CSS to turn different ones on and off at will. It can be done.. sort of.. and in Firefox. An interesting idea for the future at least.
A high level look at the sessionStorage and localStorage APIs by John Allsopp. If you're already using them, skip this, but if not, it's a good primer.
Peter Beverloo continues his weekly series of new features in Chromium (the far cutting edge of Chrome). This week, Chromium hits version 20, gets a new 'color' input type, and an implementation of the Network Information API which lets pages get details of the current network connection.
The first part of a three part tutorial looking at how clay.io has used Canvas and Node to produce a cross-platform game with realtime multiplayer.

Tools

WebGL Inspector is a tool with the goal of making the development of advanced WebGL applications easier. What Firebug and Developer Tools are to HTML/JS, WebGL Inspector claims to be for WebGL.
A handy list of WebGL functions and constant values. Not for beginners as you'll need to know the terminology long before you start using this.
Some work that allows you to debug JavaScript code on Web pages running on Firefox Mobile. Add breakpoints, step through code, track the stack and variable values from the experimental script debugger in Firefox Nightly on the desktop.

Code and Libraries

Pep was built out of a need for kinetic drag support for both mobile and desktop devices (click and drag). It uses jQuery and CSS3 animations to bring full-blown 'kinetic drag' to HTML5-ready environments.
A look at different gaussian blur effects on images and their pros and cons.

Demos

A WebGL demo that lets you navigate around a 3D worm and see different levels of its internal structure.

Last but not least..

You missed out on any April Fools' Day action from HTML5 Weekly but the Badass JavaScript blog was on the case with Webkit.js, a supposed port of the Webkit renderer to JavaScript..
HTML5 Weekly is published by Cooper Press. Our other newsletters include JavaScript Weekly and Ruby Weekly. Reading this as a non-subscriber? Click here to subscribe to HTML5 Weekly.

You opted in to HTML5 Weekly at HTML5Weekly.com to get weekly e-mails about HTML 5 and related browser technologies.

Unsubscribe | Change your e-mail address.

Street address: Office 30, Lincoln Way, Fairfield Enterprise Centre, Louth, Lincs, UK, LN11 9EJ