Project Description:
Nexedi team would like to sponsor the development of an open source "Desktop" theme for JQuery Mobile framework which will be used by the SlapOS team.
SlapOS team is currently preparing a new web site for SlapOS (www.slapos.org). SlapOS is an open source decentralized Cloud based on ERP5 (www.erp5.com) open source ERP and buildout (www.buildout.org). We found that JQuery Mobile is a declarative UI framework which was designed to support a wide variety of browsers and device. For example, the "design" page (http://jquerymobile.com/designs/) of JQuery mobile shows how JQM could be suitable for desktop applications in addition to mobile phones and tablets.
Based on this approach, we would like to adopt JQM for all web sites of SlapOS: mobile, tablet and desktop. We think that JQM declarative approach combined to Javascript can lead to responsive layout and responsive navigation.
We have made a mockup of this concept here: http://www.nexedi.org/static/slapos/slapos/#/overview
As you can experience on this mockup if you resize the windows of your web browser, not only the number of colums changes but also the position of certain page items and how they react to mouse click. Navigation history is also kept consistently wih the way page items are updated. If the screen is small, the whole page is updated. If the screen is large, only one column is updated in the page. All this with a *single* HTML and JS code.
The appearance of this page is acceptable for a mobile application or for a tablet. But on a Desktop, it looks really strange.
This is the same problem as with the JQM documentation: http://jquerymobile.com/demos/1.1.0/docs/buttons/buttons-inline.html
It looks good on a mobile or tablet. It looks a bit strange on a desktop, although somehow usable.
We would like to sponsor a JQM theme which makes pages like http://www.nexedi.org/static/slapos/slapos/#/overview or http://jquerymobile.com/demos/1.1.0/docs/buttons/buttons-inline.html look good on a Desktop PC.
For Desktop applications or web sites, we like the style of Bootstrap (http://twitter.github.com/bootstrap/). Many nice professional sites are based on bootstrap. Have a look for example at http://www.cleverscale.com/. We are open to other ideas of design too.
We are aware of the existence of a boostrap theme for JQM (https://github.com/commadelimited/jQuery-Mobile-Bootstrap-Theme) which changes the colors and shapes of buttons in JQM so that a JQM mobile app looks more like a Bootstrap mobile app. But what we look for is different: we are looking for something which takes the declarative definition of a JQM site and renders it into something which feels like "Desktop".
If you are interested in this job, please tell me in a few sentences how you would approach the implementation. For example, how would you make the navigation menu on the left of http://www.nexedi.org/static/slapos/slapos/ look like a navigation menu of a desktop web site.
