I am trying to design an ASP.net based mobile web application that should run on IPhone, Blackberry etc. while giving the look and feel of the native application.
This seems to be no easy and straightforward task, or example IPhone menus are at the top while other mobile platform uses menu button on the phone itself (at the bottom). Also designing a good application with IPhone look and feel is not just css and js scripts that can be tailored for another device(say blackberry).
I am planning to extend XHTML and then use XSLT to properly expand to correct html for the output device. For example,
<html xmlns="http://...> <head> ... </head> <body> <menu> <menuItem Name="Home" Url="..." /> <menuItem Name="Back" Url="..." /> </menu> <span>This is a test page</span> </body> </html>
So, when we run this using a iPhone XSLT (for example) we can expand the menu at the top and when using another device we can expand it at the bottom.
I am curious to know if anybody else has solved this problem in the same way or in a different way or have some other ideas.
Thanks for your time!
Stretching An Image in Tableview
That way, you always leave a fallback (the raw HTML) and you're not constantly scratching your head worrying about implementations of XSLT or what the transformed XHTML looks like..
Cocoa-touch - implementation files?
EDIT: Just caught your comment on a good iPhone app not being just css and js.
I would argue that a good CSS stylesheet would give you what you need; IE setting your menus as an absolutely positioned div either with top:0 or bottom:0, etc.
Creating a Navigation View inside the standard Flipside view?
The bonus with mobile development is that your window size isn't going to change, so it's not that hard to get pixel-perfect layout..
HTTP POST with custom header from iphone to PHP script. How do you read the header?
indentationLevel property doesn't appear to do anything?