Issue #2 - August 31, 2011
Welcome to issue 2 of HTML5 Weekly. Thanks for all of the support for the first issue, but enough time for back-slapping, let's get onto this week's links! :-)
News and Latest Developments
Last week I linked to Mozilla's new WebAPI project, an attempt at a standardized HTML5 interface across phone platforms. This week, Scott Gilbertson analyzes Mozilla's position and intentions with the new framework.
Sencha, the JS and HTML5 framework folks, are running a contest to build a multi-user collaborative app using Sencha's toolkits. You get until late September to build your entry and prizes include a 2011 Nissan Leaf, a big pile o'money, and Apple goods.
New Game bills itself as the 'only HTML5 game conference in North America' and it takes place November 1-2 in San Francisco, CA. Sounds like fun! Rich Hilleman, creative director of EA, is lined up as the first keynoter.
Articles and Tutorials
Google's Ilya Grigorik takes a look at Server-Sent Events, a technology for providing push notifications from a server to a browser client in the form of DOM events. The SSE API is currently being standardized as part of HTML5.
A significant primer on the internal operations of Web browsers by Tali Garsiel and Paul Irish. How are HTML and CSS parsed? How are pages rendered? Definitely an interesting read.
Over at Smashing Magazine, Sergey Chikuyonok talks about sending low-bandwidth images over the wire to users and then enhancing them with effects at the client's end using HTML5's Canvas functionality.
Over at SitePoint, Malcolm Sheridan has put together a significant introductory article to the HTML5 Canvas element. It digs into drawing lines, boxes, and other shapes, colors, shadows, images, and more.
Rohit Aneja demonstrates a cheap and cheerful (but effective!) wayto create a 3D effect on text using only CSS3's multiple text-shadow functionality.
Craig Buckler kicks off a four-part series of posts tackling the art of managing files that are dragged and dropped into an HTML5 compliant browser. In this first part, he covers the basics of the HTML5 File API.
A very simple introduction to using the HTML5 History API to manipulate the browser history - useful for AJAX driven pages.
Sean Ryan of Facebook talks about the company's attitude over whether Facebook's mobile version will move toward HTML5 and abandon native apps on the mobile side.
Forms are everywhere on the Web and HTML5 has given them a serious featureset boost. Robert Nyman takes a high level look at the new input types, new attributes, and more.
Over at Smashing Magazine, Derek Johnson looks at how to 'outline' the content on a page in order to logically apply HTML5 elements (like section, article, and aside) to it. If the nesting logic of these elements confuses you, this is a good read.
Code and Libraries
Jo is a new mobile app framework working on iOS, Android, webOS, BlackBerry, Chrome OS and anything else with HTML5 support. You can make native mobile apps of web apps with the same code and it plays nicely with PhoneGap.
The Ken Burns effect is a visual effect involving the simultaneous panning and zooming of image. Ilmari Heikkinen demonstrates how CSS 3 transitions can simply recreate the effect.
A demo of a 3D globe, rendered using WebGL, that has weather symbols overlaid on it. It's based off of Google's WebGL Globe and Weather API.
Last but not least..
A seriously impressive HTML5-powered presentation built by Eric Bidelman and Arne Roomann-Kurrik and given at Google's 2001 I/O conference. There's a lot to see in its 71 slides and the HTML5 presentation on its own is an impressive piece of work. I think I'm going to be "View Source" on this for quite a while..