Useful Resources for Createing IPhone Mobile sites

Hello,

I have been working on some proof of concept/demo versions of a mobile site for the theatre.  I have found some useful resources and tools and thought I would share them.

Javascript / CSS

• IWebKit http://iwebkit.net/ - CSS and Javascript libaries to make your website look and feel like a iphone/ipad  webapp.
• JQTouch http://www.jqtouch.com/ - CSS and Javascript libraries that make your website lok and behave like an iphone app.  This library has the transation animations as well.  This is the one I think we well be using for our iphone version of our website.
• IUI -http://code.google.com/p/iui/  - similar to Iwebkit .

Emulators

• IBBDemo http://labs.blackbaud.com/NetCommunity/article?artid=662 - OK tool for getting general look of a webpage.  Missing some of the Mobile Safari events. (touch, and slide)
• MobieOne http://www.genuitec.com/mobile/ - I found this one to be very good.  It is the one I am currently using.  The touch and slide gestures are captured, really feels like you are navigating the web on an Iphone or Ipod.

Books

• http://building-iphone-apps.labs.oreilly.com/  -  Online book found it useful and it is free.  It talks about creating websites using jqtouch.

App Creation Tool

• PhoneGap http://www.phonegap.com/ - Takes your html code and css code and creates mobile applications out of them.  Leverages existing knowledge without having to learn and new coding languages.  There is the ability to create Iphone, android , blackberry and windows mobile apps.  I have not yet tried this one out myself but I find it very interesting.  Still working to setup a test enviroment to try it on. From what I read you need to use a mac computer. 

I have worked through 2 demos one with Iwebkit and one with jqtouch.  Both demos are using the Tessitura web Api .  I got as far as adding items to the cart before I stopped.  I have found them both very easy to use.  At the moment I think we will be using jqtouch.  I really like the way the site feels and behaves using this tool. 

 I am usig ASP.NET MVC for the website.  So each version  just uses different view in the website.  I have added a demo video of each to my files area (mobile.zip) so that if anyone is interested in seeing how they behave.

Regards,

Jon

[edited by: Jon Ballinger at 9:26 PM (GMT -6) on 16 Oct 2010]