|
Issue #26 - February 21, 2012
Welcome to issue 26 of HTML5 Weekly.
News and Latest Developments
This latest O'Reilly publication digs into the Impact HTML5 Canvas and JavaScript game engine. Learn about game design and building a simple game from start to end, including adding sound, HUDs and debugging. (Not an affiliate link, by the way :-))
Mozilla's developer tools manager Kevin Dangoor puts last week's Firefox 2012 roadmap into context by outlining his view of Firefox's 2012 roadmap for developer tools in particular.
StackMob is a cloud-based platform for hosting fully featured HTML5 apps for desktop and mobile devices in one place. What does StackMob add to just hosting it yourself? CDNs, extra APIs, analytics, notifications services, social integration, API creation, and more.
Developers from Google, Microsoft and Netflix have written an unofficial draft for a standard to enable playback of protected content in the browser through license/key exchange.
Articles and Tutorials
Mozilla's Robert Nyman looks at how to store files in the browser's localStorage object (once a part of the HTML5 spec). Interesting because localStorage only supports strings so there's some work to do.
Jeff Kaufman notes that when Microsoft released its CSS1 support, its box model was, well, probably better than that we know (and barely love) in CSS today. Some background.
Google Chrome developer Alex Russell provides some context and analysis of last week's CSS vendor prefix debate (as covered in HTML5 Weekly). An excellent winding up.
Over at the IEBlog, Microsoft's Travis Leithead describes the changes made in Internet Explorer 10 to better support sub-pixel positioning through the CSS object model.
David Walsh shows off a surprising Mozilla specific CSS property that lets you use HTML elements as the background for another element. I wonder what the motivation for this was.
Tools
As Twitter Bootstrap's popularity continues to grow, the tools and third party services for it are also increasing. Bootswatch provides a handy set of color themes to make your Bootstrap install look a little more unique.
Yep, more Twitter Bootstrap here! This time it's a live updating tool to visually customize a Bootstrap setup. I'm not a big fan of the tool's own layout but it's very handy nonetheless.
Code and Libraries
This jQuery plugin creates fullscreen galleries where the slides are shown full screen using the full screen APIs provided by Firefox 10+ and Chrome 15+ with fallbacks for others.
Demos
I can't say much beyond "if your browser can do WebGL, go see this now!" An excellent interactive visualization. Heavy on the CPU though.
The popular WebGL-powered Quake 3-a-like demo gets some improvements with its jQuery dependency being removed, initial game pad API support and improved full screen support. Excellent stuff. Now we just need some bots ;-)
A simple list post linking to 10 CSS3 animation based demos.
Last but not least..
An interesting slide deck from Estelle Weyl looking at some tools and best practices for working with resource-constrained mobile platforms as a Web developer.
|