Wednesday, December 17th, 2008

Ajax as Flash: Achmea

Category: Examples

<p>

Remon de Boer sent us a link to Achmea.nl, a Dutch website that brought back memories of Thomas Fuch’s Ajax makeover of Gucci’s website some time ago.

Ironically, Achmea.nl starts out by displaying a Flash-powered “Loading” graphic:

But once the site loads, it’s all Ajax. Powered by YUI, the site sports animated roll-overs, smooth transitions, and otherwise feels like Flash. Nice work!

Related Content:

  • Adobe says Flash and Ajax can coexist
    Flash is not a threat to Ajax, says Kevin Lynch, chief software architect and senior vice president of the platform business unit at Adobe Systems...
  • Ajax hype vs. reality
    Ajax is a powerful rich Internet application technology, but Burton Group cautions against overkill and notes that tools and frameworks for using it...
  • Ajax hype vs. reality
    Ajax is a powerful rich Internet application technology, but Burton Group cautions against overkill and notes that tools and frameworks for using it...
  • Ajax hype vs. reality
    Ajax is a powerful rich Internet application technology, but Burton Group cautions against overkill and notes that tools and frameworks for using it...
  • Hot skills: Flash

    What is it?

    Before Ajax, Rich Internet applications (RIAs) meant Flash. The first use of the term may have been in a

Posted by Ben Galbraith at 11:09 am
15 Comments

+++--
3.7 rating from 44 votes

15 Comments »

Comments feed TrackBack URI

What makes this so special, the loading indicator? Ajaxian could post about a million other sites just like this.

Comment by Jadet — December 17, 2008

This looks to be pretty well done, there’s some nice motion to the UI and bookmarkable URLs, etc. Not bad! The sliding motion can get a bit repetitive when reading sections of the navigation, but it’s still fairly zippy.

Comment by Schill — December 17, 2008

It’s still got some Flash in it for the harder bits!!

My question would be, what is the relative development time/cost between AJAXing it and Flash?

Since Google now indexes some Flash some of the reasons for making sites like this HTML have gone. Saying that I always advise HTML with Flash elements for funkyness. Why reinvent the navigation paradigm.

Comment by stueccles — December 17, 2008

This does raise the point that if the Javascript engines are performant enough – is there really even a need for Flash et al for the majority of the UI swiz-iness

Comment by neilmiddleton — December 17, 2008

neilmiddleton: “performant” isn’t a word.
.
http://weblogs.asp.net/jgalloway/archive/2007/05/10/performant-isn-t-a-word.aspx

Comment by Diodeus — December 17, 2008

Loading…Loading…Loading… Gave up after 2-3 minutes.

Comment by tj111 — December 17, 2008

maybe it is, but not in this context:
http://dictionary.reference.com/browse/performant
.
But then again, probably not:
http://dictionary.reference.com/browse/-ant

Comment by TNO — December 17, 2008

Interesting; I hate the loader at the beginning of the web site, but the web site itself is nice. You know, most Flash web sites (as opposed to Flash applications) look pretty much like this site. I wonder if there are a small number of declarative tags we could create that you can mix into HTML that would allow you to do these kinds of things much easier? One approach might be to actually allow you to have your information in normal HTML, and then have some CSS instead of tags that can control these things; think of it as exposing SMIL through CSS, then you can have your nice search engine friendly HTML but very easily do these kinds of things from normal HTML.

Since I’m a JavaScript shim guy, one way to accelerate this would be to create a drop-in JavaScript library that can parse and work with these CSS properties now. If only Mozilla made it possible to access custom CSS properties…. (they have been stubborn about this — the CSS spec, unlike HTML, says you should drop custom CSS properties which makes experimentation on the web for CSS impossible): https://bugzilla.mozilla.org/show_bug.cgi?id=116694

Comment by Brad Neuberg — December 17, 2008

Well it’s ok I guess, but nothing loads when JavaScript is disabled. I’ve seen several Ajaxed ‘mock Flash’ sites – including ones I’ve done recently – that are still fully functional even without JavaScript enabled.

Comment by eyeCache — December 17, 2008

I wonder how SEO works with this site.

Comment by pkenoyer — December 17, 2008

No graceful degradation: totally inaccessible for the robot and that’s a pretty bad practice. I like the effects though (and how it is not jQuery) :)

Comment by deadcabbit — December 17, 2008

@ pkenoyer & deadcabbit turn off javascript and then go to http://www.achmea.nl.. you’ll see a static HTML website
greetz

Comment by Mareden — December 17, 2008

I could not click anywhere, the screen “froze”. But got this JS error (firefox 3.0.5):

YAHOO.util.Dom.get(“loadContainerMain”).stopLoading is not a function
Kildefil: http://www.achmea.nl/js/AchmeaApp.js
Linje: 868

Comment by Terje — December 18, 2008

@Mareden: did that and it’s totally useless, there’s pretty much no content.

Comment by deadcabbit — December 18, 2008

@deadcabbit it’s full of links to all the content, so i guess enough to spider for SE’s

Comment by Mareden — December 18, 2008

Leave a comment

You must be logged in to post a comment.