Interactive website for the iPad

Discussion in 'Web Design and Development' started by wayde.lewis, Jan 30, 2011.

  1. wayde.lewis macrumors newbie

    Joined:
    Jan 30, 2011
    #1
    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
     
  2. lucidmedia macrumors 6502a

    Joined:
    Oct 13, 2008
    Location:
    Wellington, New Zealand
    #2
    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/
     
  3. UTclassof89, Jan 31, 2011
    Last edited: Jan 31, 2011

    UTclassof89 macrumors 6502

    UTclassof89

    Joined:
    Jun 10, 2008
    #3
    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.
     
  4. Cabbit macrumors 68020

    Cabbit

    Joined:
    Jan 30, 2006
    Location:
    Scotland
    #4
    Opinion on Flash is irrelevant to this, the OP wants to use iPad suitable technologies for this application.
     
  5. Laird Knox macrumors 68000

    Joined:
    Jun 18, 2010
    #5
    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.
     
  6. lucidmedia macrumors 6502a

    Joined:
    Oct 13, 2008
    Location:
    Wellington, New Zealand
    #6
    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...
     

Share This Page