3 ms·

So I'm not a mobile dev but looking into it. Can someone explain the meaning of this sentence? "It uses the HTML/CSS that all the system apps use as well, whic

by dualogy 13y ago

So I'm not a mobile dev but looking into it. Can someone explain the meaning of this sentence? "It uses the HTML/CSS that all the system apps use as well, which means they're rock solid, and will have a native look 'nd feel". Wot? If there was "some HTML/CSS" that'd let me avoid Sencha or jQmobile or Dojo or whatever, that'd be pretty neat. Now I love Ratchet but it seems "yeah this is just for prototyping" and so there's no real push behind it to make it the mobile-UI lib par excellence it could otherwise easily become. So anyway, "the HTML/CSS that all the system apps use as well" --- what does this mean exactly?

janjongboom 13y ago
The Firefox UI library (presented here at http://buildingfirefoxos.com http://buildingfirefoxos.com) is part of Firefox OS. It contains HTML/CSS elements that are used to build up the Firefox OS core system. These elements are all included. However, the 'native look nd feel' applies to Firefox OS, not to other platforms. That doesn't mean that it won't work there either of course, it'll just look Firefox OS'y :-)
sbirchall 13y ago
OT: Currently we are only utilising Sencha because of it's handling for native touch events on iPad/iPhone. You wouldn't happen to have come across this hurdled and cleared it in your journey, would you? That is a refactor I genuinely relish the chance to cook.
- janjongboom 13y ago
  What do you mean with 'native touch events'? The touchmove events should give you all touches etc. also on iOS. FYI: This app comes with a gesture detector (source: https://github.com/mozilla-b2g/gaia/blob/master/shared/js/gesture_detector.js https://github.com/mozilla-b2g/gaia/blob/master/shared/js/ge...) as well that can handle swipes, pans, multi-finger transforms.
  - sbirchall 13y ago
    Sorry, to clarify I want a solution so that we do not have to bake our own - Sencha abstracts it all away and handles everything the same across all devices (so I'm led to believe by the dev that chose and implemented it - I have very little experience with it). By 'native touch events' I mean very much like the link you've provided (which is a very promising resource, so thankyou for that), in that it offers a 'doubletap', 'swipe', and 'pinch' event for instance. (So more precisely _emulating_ native touch events?). I've found a good list of libraries in my research [1] but I was wondering if anyone had specific experience that could tip the balance in favour of one lib above Sencha (which to my eyes seems bloated and awkwardly constructed). [1: https://github.com/bebraw/jswiki/wiki/Touch https://github.com/bebraw/jswiki/wiki/Touch]
- OlavHN 13y ago
  If you check out the next version of angular (currently 1.1.5) it includes an enhanced ngClick directive in a mobile module that handles click / touch directly to overcome the 300ms delay, etc. Initiate it with app.module('myapp', ['ngMobile'], .. )
  - sbirchall 13y ago
    I'll give this one a look, thank you.

by dualogy 13y ago

janjongboom 13y ago

The Firefox UI library (presented here at http://buildingfirefoxos.com http://buildingfirefoxos.com) is part of Firefox OS. It contains HTML/CSS elements that are used to build up the Firefox OS core system. These elements are all included. However, the 'native look nd feel' applies to Firefox OS, not to other platforms. That doesn't mean that it won't work there either of course, it'll just look Firefox OS'y :-)

sbirchall 13y ago

OT: Currently we are only utilising Sencha because of it's handling for native touch events on iPad/iPhone. You wouldn't happen to have come across this hurdled and cleared it in your journey, would you? That is a refactor I genuinely relish the chance to cook.

janjongboom 13y ago
What do you mean with 'native touch events'? The touchmove events should give you all touches etc. also on iOS. FYI: This app comes with a gesture detector (source: https://github.com/mozilla-b2g/gaia/blob/master/shared/js/gesture_detector.js https://github.com/mozilla-b2g/gaia/blob/master/shared/js/ge...) as well that can handle swipes, pans, multi-finger transforms.
- sbirchall 13y ago
  Sorry, to clarify I want a solution so that we do not have to bake our own - Sencha abstracts it all away and handles everything the same across all devices (so I'm led to believe by the dev that chose and implemented it - I have very little experience with it). By 'native touch events' I mean very much like the link you've provided (which is a very promising resource, so thankyou for that), in that it offers a 'doubletap', 'swipe', and 'pinch' event for instance. (So more precisely _emulating_ native touch events?). I've found a good list of libraries in my research [1] but I was wondering if anyone had specific experience that could tip the balance in favour of one lib above Sencha (which to my eyes seems bloated and awkwardly constructed). [1: https://github.com/bebraw/jswiki/wiki/Touch https://github.com/bebraw/jswiki/wiki/Touch]
OlavHN 13y ago
If you check out the next version of angular (currently 1.1.5) it includes an enhanced ngClick directive in a mobile module that handles click / touch directly to overcome the 300ms delay, etc. Initiate it with app.module('myapp', ['ngMobile'], .. )
- sbirchall 13y ago
  I'll give this one a look, thank you.