As you probably know there are many frameworks that allow you to develop native iOS apps with the interfaces designed with HTML/CSS.
The big question then is how do you create that app’s interface? Sencha Touch is one possibility.
I’ve found a tutorial that goes into detail on how to design a great looking mobile web app that looks like a native one using HTML/CSS using the Sencha Touch library that looks and feels just like a native app. What I really like about the tutorial is that it goes through the design process step-by-step.
The tutorial is from Jen Gordon who’s set of beginner native iOS app design tutorials I previously mentioned.
You can find the tutorial here:
Create An HTML/CSS Mobile Web App Using Sencha Touch
You can test out an expanded version of the app built in the tutorial here (use your iPhone):
http://senchalearn.github.com/roookies/?style=demo
This information is great to know not just for web apps, but a useful guide if you plan on creating a native app using a wrapper framework like Phonegap.
©2011 iPhone, iOS 4, iPad SDK Development Tutorial and Programming Tips. All Rights Reserved.
.
