The goodness: it runs entirely in the browser, reads in SWF binaries, unzips them (in native JS), extracts all images and any embedded audio and then turns them into base64 encoded data:uris. Post all that prework it then stitches the vector graphics back together as an animated SVG. And rather nicely at that.
The badness: 8k lines of JS translates to ~175kb and some serious slowness on mobile devices…
The potential nss nss: supposedly it will be fully opensourced in the not too distant future. Allowing for sorts of optimization potential.
Sencha (previously known as Ext JS) has released Sencha Touch, a HTML5 Mobile Application Framework. which allows you to develop web applications that look and feel native on Apple iOS and Google Android touchscreen devices.
It makes use of HTML5 for delivering audio/video or localStorage and CSS3 for maximum styling like rounded corners, background gradients, and shadows.
The code created is resolution independent. It uses a method which allows developers to change the overall scale of their interfaces on the fly with no pixellation.
Sencha Touch has a powerful animation system that makes flexible animations between screens and views possible.
Slide, pop, and fade animations are included with the library, each with a robust set of options to change attributes like direction and masking style.
And, as they are created with CSS, building custom animations is a joy.
Also, it includes a set of common icons for using them in toolbars and tab bars.
Compatibility: Apple iOS and Google Android
RawApps, a blog focused on mobile application development, is sharing a detailed and free iPad GUI Kit.
The kit is in PSD format, its canvas size is parallel to the iPad’s 768×1024px and includes layers like the keyboard, sliders, icons, the canvas, etc.