If anyone out there has tried jQTouch - http://jqtouch.com/ - you might have reacted as I did - initial excitement, followed by increasing frustration. It makes for a great demo - a web app with rich iPhone look-and-feel on any device. It's implementation, however, is clearly still in beta.
- The CSS is hard to understand, undocumented, internally inconsistent, and a bit buggy - It only uses CSS3 properties for webkit, and doesn't define the other variants (mozilla, etc.)
- The HTML is semantically confusing, and does not map easily to the iPhone human interface guidelines - It is not fully implemented - it has basic coverage of lists and input, but offers little advice on content display
Inspired by a number of talks on mobile design, and by jQTouch itself, I came up with this: