I’ve been looking for an easy set of stylesheets and javascripts to create nice looking iPhone enabled web apps. After some cursory searching, I’ve found a couple of resources, listed below, with my thoughts.
There seem to be a few toolkits out there, but nothing that has been developed into a stable version. I think that most people bailed on the web apps when the real iPhone SDK came out in January, so there doesn’t seem to be much action. However, I still see a big use for iPhone web apps as a prototyping tool for the real thing – at least that’s what I’m interested in.
A good start to a generic iPhone web app library. Hasn’t been updated in a while (since November, 2007) but
looks like the 0.30 version is scheduled to come out any day now. This project has the laudable goal of making developement for the iPhone as easy as coding HTML – no knowledge of javascript or css necessary. Sounds great, and they’ve made good progress, but I ran into quite a few problems. First, there were quite a few rendering bugs – background images appeared all over the place, forms didn’t work, links were spotty and the text rendering looked terrible. My guess is there hasn’t been any active development since the 2.0 firmware was realased which include updates to the WebKit rendering engine. Also, the lack of any documentation was really frustrating.
iPhone Sample Code and Examples
This isn’t really a library, and I have a sinking suspision that it was based on the early work of the iUI folks,
but is a helpful resource nonetheless. Basically, the site provides examples of different iPhone web pages that can be used to fake the look of a real app. I found that this site was in generally better shape than the iUI library, but was very kludgy. Again, very little documentation didn’t help matters. For example, the way the javascript is written removes any link functionality – <a> tags are repurposed for displaying in-page divs which gives it the sliding effect. However, to link to an outside site, one has to add an ‘onclick’ javascript function to manually change the window.location.href url to the link you want to follow. Very annoying.
This is a general resource rather than a library. But, they provide a bunch of useful links to other sites and iPhone emulators which can be helpful. Also, the site provides lists of cool webapps, and for you folks with hacked phones, icon sets and wallpapers.