“Preview and test your web pages on leading browsers and operating systems – on demand. Adobe BrowserLab makes it easier and faster than ever before to see how your designs appear to your customers and audience. Get your results in real time, from virtually any computer connected to the web”

This is a snapshot of 2 views of my blog .. one on Firefox 3 – OSX and other on Firefox 3 – Windows XP .. onion skinned on top of each other …

Anyone who has built and deployed HTML+JavaScript+CSS websites knows that cross browser testing can be a pain. I think BrowserLab is a great addition to a web developers toolbox.

Gears is an open source project that enables more powerful web applications, by adding new features to your web browser:

• Let web applications interact naturally with your desktop
• Store data locally in a fully-searchable database
• Run JavaScript in the background to improve performance

Gears today provides some very interesting features like a WorkerPool module to run JavaScript code in the background, without blocking the main page’s script execution, a LocalServer module that allows a web application to cache and serve its HTTP resources locally without a network connection, a Database module that provides browser-local relational data storage, a Desktop module that allows you to create desktop shortcuts for your web applications and more.

There are some very interesting features in the works as well like Desktop Notifications from browser apps, Multiple file select, resuming uploads, geolocation support etc.

All the above features have the potential of drastically changing the experience users have when using applications in the browser and that excites me

Many of these features can be very useful for applications that run in other plugins like Flash Player or Silverlight Player as well… while ideally all these abilities should be available within these other plugins natively, but the world of web development isn’t that ideal, is it?. Both Flash and Silverlight have the ability to communicate with the wrapping html page and hence they could potentially use the abilities that Gears provides via the wrapper. The obvious argument against this approach though would be that your application will become dependent on the availability of two plugins in place of one and that’s a bad move. However, that does not mean you should not take advantage of Gears in your Flex/Silverlight applications, it only means that you should use Gears in a way that your app does not become dependent on it. One approach, for example, could be to expose Gears dependent functionality to a user only when Gears is available on his machine and if its not available quietly and gracefully degrade the functionality. You could check if gears is present using the following code ..
 

if (window.google && google.gears) { 
       //gears is installed
}else{
     //gears is not installed
}

I’m sure you could come up with other such approaches, so I’d love to know your suggestions.

Meanwhile, I cooked up this little example Flex app that checks to see if Gears is installed and then allows the user to place a shortcut to the app on his desktop.
 

 
Although the code is well commented and self explanatory here are a few things I would like to point out …

• I have used the ExternalInterface class to communicate with the html wapper, you can read more about how this is done here in the docs.
• The gears api is needed to communicate with Gears, you can read about using the gears api here
• The first thing you will need to do to start communicating with Gears is include the gears_init.js in the html wrapper. You can do this by downloading the file to your source folder and including the below line of code in the index.template.html file in your Flex project

<script type="text/javascript"  src="gears_init.js"></script>

• I have used Abdul’s very cool JavaScript MXML component to include all my JavaScript code in my mxml file itself.

• Check out the example application
• View Source

Known Bug

The flex app temporarily blanks out when the Gears conformation dialog appears on FireFox 3 on MacOS. I’m not sure why this happens but it seems like a bug with FireFox.

Finally, do let me know your views on using Gears to enhance applications already dependent on another plugin like Flash Player or Silverlight Player.

Update:

The above blanking out problem could be an issue with flash player as well so I have submitted the issue as a bug to bugs.adobe.com, please vote it up.

Things are very different this year, from the very beginning of the year I started to feel that RIAs were getting a lot of traction in the local circles and we have a lot of fun in store for India this year. In February all the Flex user groups in the county celebrated the launch of Flex 3 and AIR 1.0 and we now have some excellent events lined up already … here’s a list of events that have already been announced …

• Adobe RIA Architects Summit 2008 – April 3rd

  Notable Attendees:

  • Naresh Gupta, MD, Adobe India
  • David Wadhwani, VP of the Platform BU, Adobe
  • James Ward, RIA Cowboy
  • Ben Forta, the Coldfusion Guru

 

• Colin Moock’s ActionScript 3.0: From The Ground Up Tour – April 29th

  Colin Moock is the author of the best ActionScript 3 book there is, Essential ActionScript 3 and a very well renowned expert in the AS3 world.

 

• Great Indian Developer Summit – May 19th to 23rd

  Although this is a broader event and is not free like the above two events, there are two speakers on its speaker list that i would love to listen to:

  • Jesse James Garrett, he coined the term AJAX
  • Yakov Fain, a renowned name in the Flex and Java worlds and I love reading his blog

 
These are the events that have already been announced, I know there are many others that are being planned … there’s word that we might even have an Adobe MAX in Bangalore this year..
 
So lets get ready to party !! 

Jaxer is the world’s first true Ajax server. HTML, JavaScript, and CSS are native to Jaxer, as are XMLHttpRequests, JSON, DOM scripting, etc. And as a server it offers access to databases, files, and networking, as well as logging, process management, scalability, security, integration APIs, and extensibility.

My initial thoughts are around how this can be used with Flash’s ExternalInterface, I will be spending more time with this.