Engage Interactive recently posted an in-depth tutorial explaining how to build a simple website for the iPhone. The tutorial covers setting up the HTML, CSS, addressing iPhone specific presentation issues, viewport orientation, iPhone detection and more. There are many useful code samples to help guide you throughout the lesson.

“This tutorial will cover the basic setup and creation of a web page for the iPhone that will detect and change the content based on the phones orientation. You will need some way of viewing your files on the iPhone or you wont see the fruits of your labour. We’d suggest uploading it to a location on the web and browsing to it on the phone. Other than that everything else can be done with any old text editor.”

Check out the full tutorial here.

(4 votes, average: 4.5 out of 5)

 Loading ...