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.
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.
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.
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.
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.
A WebGL demo that lets you navigate around a 3D worm and see different levels of its internal structure.
Last but not least..