Mobile Interaction JS Library about ghost HOT 13 CLOSED

Punted to 0.3

/cc @ricardobeat - this is the exploratory issue I referenced in #142

from ghost.

It's reasonably easy to add page transitions to the backbone routes after we have the admin working as a single-page app.

We could use zepto on mobile - and desktop !IE? - to handle touch events. iCheck is the only dependent on jQuery and it's compatible with Zepto too, so it shouldn't be a problem. Hammer or QuoJS have extra gestures, but I don't think we'll be using anything beyond swipes?

For slide-out panels this looks good: http://cloudfour.github.io/offCanvasMenu/

from ghost.

I think Zepto is lovely - my only issue with it is 3rd party developers, who will inevitably want jQuery for their themes and plugins. jQuery is also an extremely stable library that I feel "safe" relying on. Zepto is still pretty young. We're already using a lot of bleeding-edge technologies. Have to be careful not to go OTT.

Slide-out panels - they all seem to be roughly the same tbh - and the custom bit of code we have for the existing slide out menu does work. What I'm looking for is something more comprehensive (like Ratchet) that we can use as a base for our own code.

from ghost.

FWIW backbone also no longer officially supports zepto with test suites and such.

from ghost.

Do we wanna have a go with Rachet and see how things work out?

from ghost.

👍

from ghost.

I've had a good look at Ratchet and it looks nice but might be overkill and contain a lot of unnecessary resources.
As most of our content is already rendered and states saved using backbone and we have no need to 'pull in' pages, im thinking that maybe building our own interactions maybe easier (see dashboard sidebar). Creating a small library that handles slideIn and slideOuts, with touch events shouldn't be too difficult.
However if I'm missing the ship here (quite possibly), I'm happy to use Ratchet, looks really nice.

from ghost.

Stylistically Ratchet has a lot of stuff we probably don't need - from an interactions PoV however, it has a lot of stuff that seems like it would be timeconsuming to write from scratch. @ErisDS ?

from ghost.

I don't have any knowledge about what sorts of interactions we are going to need - I think my approach would be to use Ratchet to deliver the mobile stuff for now and then if it turns out we are only using one or two features we can thing about implementing our own.

from ghost.

+1 lets get it started

from ghost.

I'm on it.

from ghost.

Looks like Ratchet is a no go. It appears they remove all click events, so it only works with 'taps'. See: twbs/ratchet#104

You can get around this by using a library called fingerblast.js, this simulates touch events on clicks. This however makes me feel slightly queezy :P

from ghost.

This should probably also link to #404 and mention that we've added hammer.js

from ghost.