Mobile implementation on IPhone, Blackberry and other mobile devices Mobile implementation on IPhone, Blackberry and other mobile devices

I am trying to design an 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


UIWebView and Javascript from button
I worked on a project awhile back that did something similar to what you're describing; our solution was to have a common HTML and send out a device-specific css file based on the User-Agent header.

sectioned UITableView
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.

Run javascript without UIWebView possible?
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?

74 out of 100 based on 19 user ratings 244 reviews