This question has been asked in various guises. However. this is a slightly different take on things. By web application, I mean an ultra lightweight frontend – ideally an HTML page with form and regular buttons, with as little dependence on heavyweight JS libraries like jQuery as possible.
The goal is simple. I want to write a simple forms based application for use accross various mobile devices. I thought going the HTML route would be the simpler route (since browsers get around the whole cross platform issue) but even the browser approach seems problematic because of differing screen sizes on mobiles.
I have two questions:
-
For a simple form based application like I have in mind (possible 3-4 screens in total), I think the browser based approach gives more bang for my buck – am I missing a trick?
-
Are there any resources that someone can point me to for:
- a useful reference for minimum (i.e. lowest common denominator) window size (I forget the technical term for the visible part of a page)
- perhaps an example that will show a simple HTML page that will render correctly accross multiple devices?
The HTML5 mobile boilerplate will probably answer a lot of the questions about how to best get things to work across browsers:
http://html5boilerplate.com/mobile/
They have example markup and template implementations for things like browser/device specific CSS hacks, getting a custom launcher icon across different device styles, and implementing offline digest.