This session will take a look at two prominent desktop platforms, AIR and Titanium, and examine some of the pros and cons of developing with that environment. We'll also take a look at ways to speed up development using rich components like jQuery UI and take advantage of the features of HTML5 and CSS3 that can be used right away.
2. What am I talking about?!
What is Adobe AIR and Titanium?
Look what I can do!
CSS and JavaScript without libraries
Look what I can do even faster!
jQuery and jQuery UI
3. Adobe AIR & Titanium
Desktop Platforms using Web Technologies
4. What is Adobe AIR/Titanium?
Platforms for desktop applications built using web
technologies such as Flash and JavaScript that can
be run on various operating systems
Powered by Webkit
But different from each other and Safari
5. HTML/JavaScript
Code base can easily be shared between web and
desktop applications
Ajax libraries such as jQuery, Mootools, ExtJS, and
YUI can be used
Adobe AIR: Ability to sandbox code for additional
application security
Adobe AIR: Full access to AS3 API and Flash runtime
from JavaScript.
Single threaded environment
7. Webkit
Adobe AIR
HTML Control in Flash environment, text
rendering isn’t consistent with browser
Consistent HTML controls across platforms but
not with OS
Titanium is just Webkit
consistent with OS
better chrome handling in OSX
8. Look what I can do
Imagine a world with only one browser
9. CSS3 Features
opacity and rgba support
multiple background images
border-radius
border-image
columns
CSS Transformations
CSS3 Media Queries
http://www.w3.org/TR/css3-mediaqueries/
Canvas! SVG!
21. XML Serialization
var s = byteData.readUTFBytes(byteData.length);
var parser=new DOMParser();
var doc=parser.parseFromString(s,"text/xml");
var serializer = new XMLSerializer();
var packet = serializer.serializeToString(ToDo.items);