Develop web applications with IPhone Look and Feel

If you want to create applications for the IPhone but don’t want to go into the troubles with the ITunes Store or you are too lazy to learn Objective-C, there is another possibility: create a web application with a native IPhone Look and Feel.

For this purpose there exist some frameworks:

These frameworks fake the Look and Feel of an IPhone application by using CSS and JavaScript. The developer creates normal HTML lists and includes the framework, which does all the hard work. Following there are two pictures that show a music application developed with the frameworks iui (on the left) and iWebKit (on the right).

To hide the status bar of the Safari browser, add the following code to the HTML header:

<meta name="viewport" content="width=device-width; initial-scale=1.0;
               maximum-scale=1.0; user-scalable=0;"/>
<meta name="apple-touch-fullscreen" content="YES"/>

The web application can be placed on the IPhone start screen like a native app. The title of the HTML file is used as application name. The icon of the application can be set with the following code:

<link rel="apple-touch-icon" href="icon.png"/>

If you want to upload your web application to the ITunes Store, you should look at the following frameworks:

They allow the conversion of HTML pages into native IPhone apps.

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • Y!GG
  • Webnews
  • Bloglines
  • blogmarks
  • Blogosphere News
  • De.lirio.us
  • email
  • MySpace
  • Technorati

Post to Twitter Tweet This Post

5 Kommentare zu „Develop web applications with IPhone Look and Feel“

  1. [...] Dieser Eintrag wurde auf Twitter von Richard Laksana, Daniel F. Martins erwähnt. Daniel F. Martins sagte: Develop web applications with IPhone Look and Feel http://tinyurl.com/yao4dgq [...]

  2. Andrew Velis sagt:

    Great post. There is also another framework called jQTouch. (http://www.jqtouch.com/) jQTouch provides a web approach to create an iphone look and feel. It is still in beta however the look and feel is unique to anything I have seen coming from iUI or iWebkit. Also iWebkit comes with a grails plugin as well. I have used it, but it is missing some functionality and is buggy sometimes.

  3. Social comments and analytics for this post…

    This post was mentioned on Twitter by rlaksana: Develop web applications with IPhone Look and Feel – http://su.pr/5S9Q2k...

  4. Sam sagt:

    And you forgot to mention the excellent JQTouch :
    http://www.jqtouch.com

  5. SMiGL sagt:

    Nice post. Thanks

Kommentieren

Spam protection by WP Captcha-Free