I think the biggest reason to start adapting your webapp to the iPhone is so you can convince your boss that the company must buy you one to test with :)
Here's a page that has a bit more detail: http://www.macrumors.com/2007/06/19/iphone-web-development-guidelines/ Whoops, I see they just pulled all the details at the request of Apple. Here's the GCache of it: http://72.14.253.104/search?q=cache:v5QFmDFL_64J:www.macrumors.com/2007/06/19/iphone-web-development-guidelines/+www.macrumors.com/2007/06/19/iphone-web-development-guidelines/&hl=en&ct=clnk&cd=1&gl=us&client=firefox-a And here's a copy of it, in case you can't wait to get started on iPhone webapps: Apple listed what the iPhone offers for websites: - the page view feature lets you look at multiple websites and documents by scrolling thru them one after another - Full PDF support - double tap for zoom in - one finger as a mouse used to -- pan page -- press and hold to display the information bubble - two fingers as a mouse used to -- pinch content to shrink - zoom out -- pan page -- scroll wheel events - new telephone links allows you to integrate phone calls directly from your webpage. remember this is only on safari. - built in google maps client for integrated mapping from your website A few iPhone size limitations / restrictions are noted in developing for the iPhone: - 10MB max html size for web page - Javascript limited to 5 seconds run time - Javascript allocations limited to 10MB - 8 documents maximum loaded on the iPhone due to page view limitations - Quicktime used for audio and video The notes confirm that there is no Flash and no Java support, and Apple recommends the folowing design considerations: - separate html and css - use well structured and valid html - size images appropriately dont rely on browser scaling - tile small images in backgrounds, dont use large backgroung images - iPhone supports both EDGE and WiFi. EDGE pipe is smaller then WIFI pipe so think about bandwidth when developing. - XHTML mobile documents supported - stylesheet device width:480px - apply different css for the iPhone. For example displaying a one column page for iphone vs a 3 column page on a desktop. - there are no scroll bars or resize knobs. the iphone will automatically expand the content - Avoid framsets, scrollable frames are automatically expanded to fit the content - iPhone User Agent: Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A538a Safari/419.3 - Video: H.264 baseline profile level 3.0 up to 640¡¿480 fps One more. Here's another link with a little bit more information (more details on the video playback features): http://stakeventures.com/articles/2007/06/19/repost-of-wwdc-iphone-safari-info Enjoy. --Erik On 6/20/07, Rey Bango <[EMAIL PROTECTED]> wrote:
Hi guys, I just picked this up from Ajaxian. While its not jQuery specific, I think its important info for those thinking about developing for the iPhone. Here's the breakdown: * 10MB max html size for web page * Javascript limited to 5 seconds run time * Javascript allocations limited to 10MB * 8 documents maximum loaded on the iPhone due to page view limitations * Quicktime used for audio and video * No Java * No Flash and in features: * the page view feature lets you look at multiple websites and documents by scrolling thru them one after another * Full PDF support * double tap for zoom in * one finger as a mouse used to * two fingers as a mouse used to * new telephone links allows you to integrate phone calls directly from your webpage. remember this is only on safari. * built in google maps client for integrated mapping from your website -- BrightLight Development, LLC. 954-775-1111 (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com
