Otaqui.Com

[Warning: this post suggests stuff that may not work now, or may break in the future. Use at your own risk!]

I’m really happy to hear that, as the official google blog points out, Gmail now has support for Google Gears allowing you to view your mail offline.

This has caused quite a stir in the blogging community – TechCrunch invites you to throw off your chains, GoogleWatch speculates that it might be the tipping point for Gears adoption, Colin Charles mentioning SSBs such as Fluid and Prism (which this article is about), Google Operating System giving a basic overview and also the GadgetWise NYT blog giving it a spread.

So far, so good. Now what if we want to use a Site Specific Browser, such as those created by Fluid and Mozilla Prism? These “SSBs” are essentially entire browsers, but used only for a single web app – which is quite handy really. I think that Google’s paradigm of basically making each tab / window in your browser it’s own application instance may well remove the need for things like this eventually, but for the time being it would be great to use Gmail’s new offline capability in an SSB.

Well – we can’t do much about enabling Gears in Fluid, since it’s based on WebKit. Check back if you here that Google releases some frm of plugin for WebKit (although actually WK already has HTML5 style “local storage” using SQLite so it could be native support).

We can however do some hacking to get Gears installed in a Prism browser, so let’s go through the process. By the way – I am using Mac OS X 10.5, but I think this should work for any platform that can get Firefox and Google Gears.

I’m using a Google Apps For Your Domain account, it’s worked fine there, although your account will have to have Offline access enabled by google (patience, young grasshopper!).

Step 1: Split a Beam

Go and install Mozilla Prism. I did this by installing it as an extension to my current Firefox.

Once it’s installed and you have restarted the browser, login to your Gmail and from the Tools menu choose “Convert Website To Application.”

Choose whatever options you like in terms of where to put the shortcut. Personally I grabbed Chris Ivarson’s awesome Fluid Gmail Icons and used Preview.app to convert the 128×128 version into a PNG file.

I *also* had a slight issue with not being able to create the app inside the Applications folder, because it needed to Authenticate but just failed silently – YMMV.

Assuming that’s done you should have a nice new Gmail SSB, which you can start and log in to Gmail with. Funky.

Step 2: Start The Fans, Please!

[Note: you have to be older than young, from the UK and to know who Richard O'Brien is to get that "start the fans" bit]

So now we need to get Google Gears installed. You can try doing this from Gmail’s own interface but it will fail complaining that “Gears is not compatiable with XYZ” (where XYZ is the name you gave it and a version number). This is because, even though your Gmail webapp *is( Firefox under the hood, it doesn’t report itself as such to the extension. What we need to do is convince the extension that it is in fact compatible with it.

[Note: it might be more efficient if you want to install several extensions to make your SSB report itself as really being Firefox, but I'm happy with a one-at-a-time approach].

The next thing to do is actually download Google Gears manually. I suggest that you really do try (and fail) to install it from inside the Prism app, because you will be told the current, valid URL for the XPI in the process. If you’re super lazy, here’s where I got mine from (not a link so that you’re encouraged to FIND THE RIGHT URL FOR YOURSELF!):

http://dl.google.com/gears/current/gears-osx-opt.xpi

You might want to use Safari / Opera / wget / IE to actually download it.

Step 3: Unpack, Tweak, Repack

An XPI file is in fact just a ZIP file with delusions of grandeur. Rename the file to “gears-osx-opt.zip” and unpack it.

Now open up “install.rdf” and find the bit that looks like this:

<em:targetApplication>
<Description>
<em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id>
<em:minVersion>1.5</em:minVersion>
<em:maxVersion>3.0.*</em:maxVersion>
</Description>
</em:targetApplication>

The big long string in curly brackets is the Firefox GUID.  We will need to change this, and also the version numbers.

I found the GUID and version numbers inside my (OS X-specific) “Gmail.app” that Prism created.  Control+Click on it and choose “Show Package Contents” then navigate to “Contents/Resources/application.ini” and open this in a text editor.  It is the “Version” and “ID” values that you want from the “[App]” section.

Applying these to the original install.rdf file we get this (I’ve extended the version numbers just for the hell of it):
<em:targetApplication>
<Description>
<em:id>prism@developer.mozilla.org</em:id>
<em:minVersion>0.1.*</em:minVersion>
<em:maxVersion>10.0.*</em:maxVersion>
</Description>
</em:targetApplication>

Save the edited “install.rdf” file and now you need to repack the zip / xpi.  Take note – you should compress the *files* and not the *directory* or it won’t work.

Change your newly created zip file’s extension back to XPI – and we’re ready to install!

Step 4: Install

This may vary across platforms, I’m not sure.

From the *status bar* (an unusual place to get to the Add Ons / Extensions list) of your Prism app, click the cog and choose “Tools”, “Addons”.  This should pop open the Add Ons panel.

Drag and drop the XPI onto the Add Ons panel and, hopefully, bingo!

If you get an error about “version support” then you might have got the ID or version number wrong somewhere.  If you get one about “cannot find install script” then your XPI / zip is badly formed.  Leave a comment if you need more help here.

Step 5: Enable Gears for Gmail

You’ll need to restart your browser and log back in to GMail.  Then you should be able to click the “Offline” icon at the top of the interface and go through the normal Gears “I trust this application” process.

That’s it! You should now be able to access your mail offline. It’s worth noting that the shortcut that gears can create for you to open your email while offline seems to work fine too.

[Update 31st Jan 2009: It looks like Fluid may support Gears sometime soon!]

Now that Firefox 3 Release Candidate 1 is out, I’ve decided to give it a proper trial.

I had tried running Firefox 2 and 3 in parallel on my macbook, but found that 3 would always try and become the default browser, which annoyed me enough to get rid of it. Now though I’ve gone the whole hog and, while I do have FF 2 hanging around, I’m using 3 full time. The upshot is that I’ve been poking around at what extensions are available for average everyday webmonkey (btw – did you see that webmonkey is back?) and have been updated to work with FF 3 RC 1. Here’s my current list of installed extensions.

Update: 7th May 2008: these all work for Firefox 3 RC 2

AdBlock Plus

A pre-requisite for surfing the public web. Ads are so 20th century!

ColorZilla

Advanced Eye Dropper, Colour Picker and more. Brilliant stuff.

Delicious Bookmarks

Plugs your browser nicely into your delicious account.

Firebug 1.2 Beta

Indispensable. Nuff said.

Googlebar Lite

Ahhh, so much nicer than the big G’s own attempt.

Scrapbook

Sort of like your bookmarks, but actually saves the pages down to your hard drive for offline viewing. You can edit-before-capture and even spider whole sites (or sections thereof). Really quite nice.

TamperData

TamperData is to HTTP what Firebug is to the DOM.

Web Developer Toolbar

An oldie but a VERY goodie! Manage CSS, find stuff and another hot tip – until MeasureIt is updated for FF 3, it also has it’s own ruler system (in the Miscellaneous menu).

Djay from algoriddim.com is an awesome piece of software. It plugs into your itunes library and lets you spin and mix on two virtual record decks.

The application is intuitive and easy, and the best facsimile I’ve ever seen of actually spinning the wheels of steel on a computer. Combined with the fact that it’s free this is a brilliant application to play around with and to have up and running at parties.

Key features:

• drag and drop straight onto the ‘decks’ from a searchable list of your itunes library;
• manually tap out the bpm of your tracks and have djay automatically adjust the tempo of either playing track to the other;
• cue points which let you specify three points of a record and jump back to them at the click of a button;
• independent tempo and pitch adjustments – alter the pitch without affecting the tempo, or use both together to get a different tempo and the original pitch;
• crossfader automation, independently affecting tempo, pitch, eq and pan;
• easy recording of your masterpiece mixes.
• pre cueing (if you have a multi-channel sound card or a USB iMic) to listen to one track on your headphones while playing the other through the speakers.

All in all an excellent application which takes seconds to start having fun with and offers enough features to let you lose yourself in the mix.

Found at MacApper

IcoFX is the best freeware icon editor for Windows.

Aside from some really crap, not-worth-mentioning, alternatives like GoldIcon, this is really it when you want a freeware icon editor that you can, apparently, use commercially.

Bonus: IcoFX is also available in an alternative zero-install portable app format.

For years now I’ve heard tell of ‘Sparkle’, Microsoft’s supposed alternative to the Flash player / platform. At the time of this writing you can find search results on mcrosoft.com about sparkle, but few of those pages exist, and none of the actual product links. I’m guessing, but I think that their new product Silverlight is the same thing rebranded, and is certainly being touted as a smackdown-style competitor to Flash.

Adobe isn’t resting on its laurels, though – Mashable also reports that Adobe’s new Media Player is a direct competitor to Windows Media Player.

I can’t really see either platform having too much success in the short term since Flash not only has player-ubiquity on it’s side, but a huge developer-base; while in the media player world I still suspect a huge number of users don’t even know what one is, let alone why you would go and install another one and go through all the file- and mime-type hassles that entails.

Update:Techcrunch has quite a bit more information about the silverlight platform … and it actually sounds quite nice, although I’m not convinced that it will be that great for designers (not that I am one …)