Issues » 34

Read this issue on the Web
HTML 5 - Please enable images? :-) Weekly Issue 34
April 18, 2012
News and Latest Developments
Introducing Sencha Architect 2: An Upgrade of Ext Designer
Sencha Architect 2.0 is a visual app building tool for building webapps built upon lessons learned from their earlier Ext Designer tool. It's not cheap but it looks interesting and has a lot of fans.
The BBC Bets on HTML5 Games, Investing In Mobile Game Creation Platform Spaceport.io Spaceport.io is a powerful cross platform HTML5 based game development engine. Amongst others, BBC Worldwide has made a significant investment into the company. This comes just two months after Game Closure took $12m in investment. It's an interesting time for HTML5 gaming.
PhoneGap 1.6 Released PhoneGap is an HTML5 app platform that allows you to author native applications with web technologies (like JavaScript!) Amongst other things, it now includes the 'Cordova-JS' unified JavaScript layer.
WebKit Announces Remote Debugging Protocol v1.0 WebKit support for remote debugging (a way to debug Web pages in a browser 'over the wire') began almost a year ago, but now it has reached version 1.0 and WebKit is dedicated to supporting it and maintaining compatibility.
CSS Variables Published as First Public Working Draft Tab Atkins Jr. has announced that 'CSS Variables' has been published as a first public working draft at the W3C. This module introduces a family of custom user-defined properties known collectively as variable properties which can be used throughout a CSS document (think Sass).
Microsoft Job Ads Reveal HTML5 Version of Skype Coming to Web Browsers
From Our Sponsor
Reading
Cross Window Messaging with HTML5 localStorage Events How can you get two or more browser tabs/windows to talk to each other? You could go all AJAX on us, but what about keeping it all client side? Carlos Aguayo presents a simple demo of using localStorage to pull it off.
Making a Speedy HTML5 Game Sean Soria talks about building a 'city builder' style game using HTML5 and ensure it runs quickly on Facebook on desktops, as well as on iOS and Android devices. What did they learn? Here are the highlights.
Chrome Developer Tools: A 'Breakpoints' Tutorial This tutorial covers debugging JavaScript using regular breakpoints set on JavaScript code and breakpoints targeted at UI and network aspects of an application.
Google Chrome for Android User Agent String Changes
HTML5 and WebGL on BlackBerry 10 RIM's forthcoming BlackBerry 10 platform boasts WebGL and HTML5 support. What, how, and why? Alex Kinsella and Adam Stanley from RIM's Developer Relations Team explain.
-webkit-filter Is The New Hotness, And It's Coming
Bytown Lumberjack HTML5: Behind The Scenes An interesting writeup of converting a game designed for Xbox Live Indie Games to JavaScript and HTML5 using the JSIL .NET to JavaScript compiler. You can also give the game a go if you like.
Real-time Games using HTML5, WebSockets, Node and Socket.io
Mozilla May Make Flash Click-to-Play by Default in Future Firefox Releases
A HTML5 Mobile Game Primer It wanders around a bit, but this extensive article by Pascal Rettig covers a lot of interesting points relating to HTML5 game development for mobile devices (with a focus on iOS devices) including sound, performance, and viewport considerations.
CSS Selectors Level 3 - A Quick Reference A handy online cheatsheet and reference showing off the various element selectors in CSS3. Click on a selector to see some demo code and browser support info.
Code and Libraries
Device.js: Device Detection with Media Queries Googler Boris Smus has put together some best practices in device detection and released Device.js. It lets you do semantic, media query-based device detection without needing special server-side configuration.
CreateJS: A Suite of JS Libraries and Tools for Working with HTML5 CreateJS is a suite of modular libraries and tools which work together to enable rich interactive content on open web technologies via HTML5. It includes EaselJS, TweenJS, SoundJS and PreloadJS as well as Zoe, an app for converting SWF animations to sprite sheets.
Kickstrap: Enhancements for Twitter Bootstrap Bills itself as 'a full version of Twitter's Bootstrap with themes, enhancements, and other goodies.'
Vertical Centering with Flexbox + Margin Fallback
Demos
Star Wars X-Wing Game
An awesome WebGL powered game where you get to fly an X-Wing along a trench of the Death Star. Simple yet effectively designed.
CSS Scroll Effects Did you know you can apply CSS transformation effects to list elements that occur when scrolling through that list? Hakim El Hattab shows off the effect in various forms.
Mix.js: A Chrome Demo of Multitrack Mixing A demo (for Google Chrome only) involving mixing multitrack audio with using the Web Audio API.
Senses: The HTML5 Media Center Senses bills itself as an 'HTML5 media center' and as a 'next generation multimedia project'. In essence, it's an attempt at bringing a media center style experience to the Web.
Last but not least..
input type='date' Picker in Chrome Canary and Chromium
The cutting edge of Chrome now offers a specialized date picker for HTML5 form elements with a type of 'date'. Still a way from hitting the mainstream Chrome releases though.
Curated by Peter Cooper and published by Cooper Press.
Want to sponsor an issue? See our media kit.

© 2013 Cooper Press Ltd. Email policy Privacy policy
Office 30, Fairfield Enterprise Centre, Louth, LN11 0LS, UK
Update your email address
or unsubscribe here

ONE e-mail each Wednesday. Easy to unsubscribe. No spam — your e-mail address is safe
Published by Cooper Press and curated by Peter Cooper