While Flash video in the browser is great, the AIR application leverages a number of desktop API’s to improve the viewing experience, while providing DRM support that makes this type of application viable to media companies like DirecTV.

I think this project also proves there is commercial viability for AIR applications. Its probably the first AIR app that you can’t install, which is too bad because its one of the best. Definitely check it out if you have NFL Sunday ticket.

While I got to get my coding mitts in early on the project, the lion’s share of the application was built out by two talented consulting groups - Blitz Agency and gskinner.com. Congrats!

In recent months I’ve been collecting a number of design-related sites, and I think its time to start sharing them with the masses (or, the few who stumble upon this site).

First off the list is grain edit, one of my daily reads for discovering beautiful mid-century and mid-century-inspired print work. Above is an image of a vintage Donald Brun poster from a recent post. There’s definitely a lot of great finds in the archives - its worth a look!

Sigh, if only the above print was available for purchase …

AIR provides some great API’s for integrating with other applications. Via the NativeDragManager and Clipboard classes, you can easily export your data in a multitude of formats, including PNG and CSV. Recently I had an project that utilized these features, and I figured it would be good to share the techniques with the community.

In particular this example, framed as a basic stock chart application, demonstrates the following features:

• Native drag-and-drop with PNG images and custom image proxies.

• Copy to Clipboard / Export with both PNG and CSV data formats - Right-click on the chart to get your options

• Example code for customizing the HLOCChart class look-and-feel

These features were factored into ‘behavior’ classes so that they can (fairly) easily be applied to your own AIR apps.

Source is available by right-clicking and selecting ‘view-source’ in the application from anywhere but the chart.

I thought I would share my code snippet for my previous post in order to help the next person who was trying to get AIR badges in Wordpress going:

[kml_flashembed movie="/examples/airchrome/badge.swf" height="140" width="217" fid="badge" bgcolor="#181818" fvars="appname=ResizableAIRChromeExample ; appurl=http://www.wabysabi.com...ChromeExample.air ; airversion=1.0.M6 ; messagecolor=999999 ; imageurl=http://www.wabysabi.com...airchrome/badge.png" fversion="9.0.63" allowscriptaccess="always" scale="noscale" wmode="transparent" / ]

Two side-notes:

• The Kimili plugin delimits flashvars with semicolons bracketed by spaces (e.g. ” ; “). I’m not sure why it requires this odd syntax, but things won’t work if you eliminate the spaces.

• I added a space betwen the closing bracket of the tag so that Wordpress wouldn’t interpret it. The correct syntax should be “/]”.

Thanks to Michael Bester for the great library!

** Updated for AIR 1.0 02/25/2008 **

The AIR windowing API offers some exciting new possibilities, and challenges, for Flash developers. With the Employee Directory Sample Application, we showcased a well-designed, real-world application that dynamically resizes itself to a changing content area. This is a powerful technique that simply isn’t possible within the confines of a browser window.

I thought it would be useful to distill this capability from the more complex directory application and provide a simple ‘kick-start’ application that demonstrates:

• Leveraging transparent windows to create high-quality custom window chrome with drop-shadows.

• Using the Flex Resize effect and event listeners to dynamically size a NativeWindow to the size of a changing content area

• Simple PNG-centric CSS styling example with advanced text anti-aliasing applied.

You may install via the AIR badge below, or if you have less than 9,0,63, you will have to manually install the runtime and AIR file:

Source is available by right-clicking and selecting ‘view-source’ in the application.

One other factor with resizable applications not covered in this sample app is automatically keeping the application onscreen as the application resizes. This is a challenging problem that is addressed in the directory application (via a fairly convoluted solution), but is not covered here. Something I definitely hope to address more clearly in the future. Definitely check out the Employee Directory if you haven’t already.

Just thought I would announce the re-release of the Employee Directory AIR application on Labs. I am excited to show off what I think is a very useful corporate directory application that provides a better experience for finding fellow employees and conference rooms.

Technically, the application is probably not the best place for pure beginners to learn Flex and AIR, as it was built using best practices for extensible medium to large applications. That said, it is a great starting point for building your own corporate directory application - its very similar to what we’re using internally at Adobe.

Some of the AIR features demonstrated:

• Offline data storage using SQL API’s
• Resizable, transparent windows with automatic position management
• Data synchronization and automatic application updates

Check out the sample application here.

In a sense, this is non-news as I have already been working with this XD team in a contract position, but I am psyched to come on full-time and continue working with my uber-talented coworkers. I hope to get more opportunities to share some of my latest work on this site and other venues.

The creative side was just as challenged. Trying to design a site that allows for a massive number of configuration options, while keeping it easy to use and interesting, is no easy feat. Props to the old Fluid team !

p.s. Them are my shoes above!