How to make emberjs app with a mobile look (like t

Question

I have a simple project of a web application for mobile using Emberjs. For the look and feel, I want something equivalent to JQuery Mobile. Is there a way to mix Emberjs and jquery mobile? If so, how?

I have looked at the Travis-ci mobile app and they seem to have only defined a specific css for the mobile version. What is strange is that they also have this file : file that seems to be an attempt to integrate with JQMobile but they don't use it anywhere in the code.

I also have found this article Using Ember.js with jQuery UI but it's about JQuery UI. Can I use the same technique for JQuery Mobile?

Please share your own experience about having a mobile look and feel with Emberjs.

If you know any open source project on GitHub or wherever that uses Emberjs for mobile I will be thankful if you let me know the address.

What Technique do you recommend?

Note: I have make a first attempt to use the 'data-' html5 attributes of jquery mobile within a list generated by a controller but the elements of the view don't have change to a jquery mobile look and feel and I not sure why.

Sorry for my English, it is not my mother tongue.

Answer 1

Have a look at Twitter Bootstrap: http://twitter.github.com/bootstrap/

Answer 2

As stated in the Ember.js wiki there are two projects concerning mobile:

• ember-titanium - Titanium Mobile wrapped in Ember (formerly SproutCore-Titanium)
• ember-mk - Mobile Kit for ember.js

Maybe they are useful for you.

Answer 3

https://github.com/fohr/blossom

Is in a very premature state, but it seems pretty promising. It's from the guys who started Sproutcore (I think!), so the syntax is very relevant to EmberJS

Answer 4

@luissala created a proof of concept project using Ember with jQuery Mobile. It might get you on the right track:

https://github.com/LuisSala/emberjs-jqm