Interactive website for the iPad

[wayde.lewis]

Hi

I'm currently developing an interactive website for a client who wants it for the iPad. I'm trying to emulate this functionality, http://elections.nytimes.com/2010/results/senate, even though the example is done in flash I'm trying to do it using SVG's, touchEvents and CSS3 transitions.

I would appreciate if anyone can provide me with some resources, tutorials or examples of how to achieve this?

Thanks

 

[lucidmedia]

Hi

I'm currently developing an interactive website for a client who wants it for the iPad. I'm trying to emulate this functionality, http://elections.nytimes.com/2010/results/senate, even though the example is done in flash I'm trying to do it using SVG's, touchEvents and CSS3 transitions.

I would appreciate if anyone can provide me with some resources, tutorials or examples of how to achieve this?

Thanks

There are several frameworks for this type of work, but I hear a lot of good things about senchaTouch.

http://www.sencha.com/blog/2010/06/17/introducing-sencha-touch-html5-framework-for-mobile/

http://thenextweb.com/mobile/2010/0...e-just-standardized-mobile-html5-development/

 

[UTclassof89]

That's a pretty cool map.

But according to popular opinion --on this site anyway-- it can't possibly be Flash, since "Flash is only used for useless splash screens and ads"

Adobe recently released a service pack for Illustrator that allows it to use SVG for some pretty impressive uses:
http://tv.adobe.com/watch/adobe-evangelists-greg-rewis/html5-with-illustrator-cs5/
Though I doubt it could make something that dynamic very easily--if at all.

 

[Cabbit]

But according to popular opinion --on this site anyway-- it can't possibly be Flash, since "Flash is only used for useless splash screens and ads"

Opinion on Flash is irrelevant to this, the OP wants to use iPad suitable technologies for this application.

 

[Laird Knox]

That's a pretty cool map.

But according to popular opinion --on this site anyway-- it can't possibly be Flash, since "Flash is only used for useless splash screens and ads"

I think popular opinion on this site has little to do with it. I would tend to think that "it can't possibly be Flash" since Flash doesn't run on the iPad.

Which is unfortunate for me as I'm nearly done with my site that is based on Flex. In the long run that's OK, Flex let me get the features I wanted out there fast. I'll then work on a mobile edition in HTML5.

Sadly I can't comment on the OP at the moment but I will be looking into the links posted by lucidmedia.

 

[lucidmedia]

Here is a funny article titled "IPad is the new IE6": http://blog.millermedeiros.com/2011/01/ipad-is-the-new-ie6/

He makes some good points, namely that:

- JavaScript performance on iOS is 100x worse than desktop.
- Canvas performance on iOS is so bad that it is barely usable.

My own work on the device has proven this correct.

run some of the samples at processing.js on your ipad to see the performance of canvas/javascript drawing.

Flash *can* be used to create a diagram like that on the iPad if you make a custom app using Packager. However, you will still run into performance problems... it takes a lot of tricks to get things to run half-decently.

You will run into the same problem with SVG... iphones and Ipads don't really handle vector data very well... they like to push bitmaps...