From ModMyiFone - Wiki
With the iPhone, a whole new world of Mobile Developing has been opened up. The phone runs apps built with a typical Web App format, such as AJAX or PHP. Basically, anything that runs in Safari (with the exception of Flash) will run on your iPhone.
The following is a list of helpful information for developers wanting to code for the iPhone. Feel free to add anything you see fit here.
Resources
- Aptana IDE
The Aptana IDE iPhone Development Plugin (beta) enables the Aptana IDE to increase your iPhone development productivity. To start, the plugin adds preview support for your iPhone applications, allowing you to see how they will look once deployed to the iPhone. Of course, all of the rich Web 2.0 development support is there, ready for your iPhone applications, including HTML, CSS, and JavaScript.
Server Space
- Hosting
ModMyiPhone believes strongly in creating an incredible community for iPhone users. As part of that commitment, we offer free hosting for developers looking for a place to put their app. Contact poetic_folly or cash7c3 for further information.
Resolution
- 320x396
320x396 is the viewable screen resolution of the iPhone's browser. However, Apple suggests you code a stylesheet width of 480.
Browser
- Safari
The iPhone runs Safari.
- User Agent
The iPhone user agent is: Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A538a Safari/419.3
- .pdf
Full .pdf support is included.
- Quicktime
All audio and video is handled by Quicktime--code accordingly.
- Calls
You may integrate calling directly from your webpage.
Browser Limitations
- Page Size
Each webpage may be no larger than 10 MB.
- Java
Javascript is limited to a 5 second runtime.
Javascript can be a maximum of 10 MB.
Apple Suggests
- CSS
Use separate HTML and CSS files--don't combine.
Stylesheet device width: 480px.
Make sure your iPhone CSS is not the same as your desktop. Remember, we're on a smaller device here.
- Scrolling
There are no scroll bars on the iPhone.
Avoid frames for this same reason.
- Images
Scale your images correctly--the iPhone should not be relied on to scale.
Input
- Multi-Touch
Keep in mind that the iPhone is manipulated with the use of the users fingers, not a stylus. Keep those buttons a good size! Large and easy visibility is key.
Testing Interfaces
- David Cann
If you'd like to have a separate page which displays your app as it would appear on an iPhone, including a full iPhone image, check out David Cann's iPhone template.
- DipDog
DipDog has also made a slightly more elaborate test site. Check out the:
normal mode and
landscape mode versions.
- iPhoney
iPhoney is an OS X app which allows to test your iPhone app/site locally without having to upload to a location yet. It is a free download, and is in constant revision...
This page is constantly updated, so make sure and keep it bookmarked. You can also edit it at any time by pressing the Edit button.
