Any resources, books, articles about creating web sites optimised for iphone?

[DimPrawn]

Hi all,

Have an opportunity to create a website optimised for iphone users.

It will differ from a normal website in that the resolution will be fixed and the look and feel will mimic an iphone application in the choice of layout, controls, colours and icons.

Anyone got any reference websites that are meant to be viewed only with an iphone, any CSS and images I can borrow (cough), any articles and iphone specifics (javascript for iphone safari browser) etc.

The idea is this website will present data to the iphone user for a client application via the web and must look and feel like a native iphone app.

Cheers all.

PS. here's something I found.

http://phonegap.com/

[cojak]

NF has been mucking about with iPhones lately, he'll probably have something for you...

[voodooflux]

This might fit the bill: http://www.amazon.co.uk/Safari-WebKi.../dp/0470549661

And for reference/inspiration: http://www.smashingmagazine.com/2009...ed-for-iphone/

[crack_ho]

http://iwebkit.net/

[DimPrawn]

Excellent chaps, all good stuff.

[Sysman]

Be careful about the use of Apple images and trademarks because they are keen on this.

Trademarks and web badges

[NickFitz]

There's always Apple's docs which tend to be pretty good.

For the kind of thing you're describing, you may well find some of the HTML5 features useful, such as appcache, and also the JavaScript Database API, which gives you access to a client-side relational database. There's also the GeoLocation API, if it should be relevant to your app.

Much of this stuff is also in Safari on the desktop, which is somewhat easier to debug - make sure you enable the "Develop" menu (there's a checkbox on the "Advanced" tab of the preferences dialog) so you have access to the WebInspector tool, which includes such delights as a DOM inspector, JS debugger, JS profiler, client-side database inspector, network timeline, and so on.