I am leading a bootstrapped startup that is focusing on the parent and child relationship. My vision is that the application will have to be deployed over web and cross-platform mobile devices. I am going the route of finding freelancers to build components for me however I would like to standardize on a high level architecture up front. I really like how Clarity appears the same on both the web application and mobile application. Any suggestions on how this can be achieved from a technical perspective?
After building several mobile web application I can say that the 3 top most common, mature, extensive and supported frameworks are:
Twitter Bootstrap: http://getbootstrap.com/
jQuery.mobile: http://jquerymobile.com/
Zurb Foundation: http://foundation.zurb.com/
They are all "mobile first" and support all devices incl. desktop. they are responsive and you can really build an app on top of them.
Which one to pick you ask?
It really depends on the nature of you app.
for example, If you're focusing on parent child relationship and want to achieve nice page navigation of master-details, my gut feeling would probably go for jquery.mobile (page navigation: http://view.jquerymobile.com/1.3.2/dist/demos/widgets/transitions/)
For a heavy data entry app, bootstrap and zurb may be a better fit.
I'll be glad to hear more about your app and recommend the perfect fit for you.
