3 ms·

MacBookPro user - not really sure what I'm supposed to be experiencing? I can click and drag the white box and it moves back to its original position, is that i

MacBookPro user - not really sure what I'm supposed to be experiencing? I can click and drag the white box and it moves back to its original position, is that it? I've tried all the standard Mac touch gestures. Is this library only for tablets? The page that was linked is pathetically vague.

sirsar 11y ago
The box displays different animations based on which type of swipe was detected. At least on Windows 7 Chrome.
supercoder 11y ago
It's for mobile touch events. OSX doesn't expose any touch events to the browser.
mrweasel 11y ago
I don't think it works, at all, if the OS uses the gestures. The demo page does nothing on my Mac with a trackpad. Gestures are tricky thing to use on a web page, because you have almost zero discoverability. It works in Mac OS X, because you can choose to not use the features and slowly learn them over time, through guides in the OS. Still, even on the Mac you sometimes get surprised when you accidentally trigger a gesture. Many have be fans an proponents of gestures since the time Opera introduced mouse gestures. Personally the swiping between workspaces on the Mac is pretty much the gesture I think works.
therealmarv 11y ago
Pinch and zoom is a scroll wheel event so it is not covered by hammer.js (but possible with fetching that scroll wheel event with other methods). Gestures are not supported by HTML5 on Laptops as far as I know.
LePetitDev 11y ago
Hammer.js is for use on touch screens, not trackpads. I found the demo on the page to be a bit vague, too, but a much better demo in the following Codepen convinced me to use it. Plus, it has a much lighter footprint than Interact.js. http://codepen.io/klawdyo/full/azmapQ/ http://codepen.io/klawdyo/full/azmapQ/ On a non-touch screen, hold shift while dragging the green box to emulate pinch and rotate gestures.

sirsar 11y ago

The box displays different animations based on which type of swipe was detected. At least on Windows 7 Chrome.

supercoder 11y ago

It's for mobile touch events. OSX doesn't expose any touch events to the browser.

mrweasel 11y ago

I don't think it works, at all, if the OS uses the gestures. The demo page does nothing on my Mac with a trackpad. Gestures are tricky thing to use on a web page, because you have almost zero discoverability. It works in Mac OS X, because you can choose to not use the features and slowly learn them over time, through guides in the OS. Still, even on the Mac you sometimes get surprised when you accidentally trigger a gesture. Many have be fans an proponents of gestures since the time Opera introduced mouse gestures. Personally the swiping between workspaces on the Mac is pretty much the gesture I think works.

therealmarv 11y ago

Pinch and zoom is a scroll wheel event so it is not covered by hammer.js (but possible with fetching that scroll wheel event with other methods). Gestures are not supported by HTML5 on Laptops as far as I know.

LePetitDev 11y ago

Hammer.js is for use on touch screens, not trackpads. I found the demo on the page to be a bit vague, too, but a much better demo in the following Codepen convinced me to use it. Plus, it has a much lighter footprint than Interact.js. http://codepen.io/klawdyo/full/azmapQ/ http://codepen.io/klawdyo/full/azmapQ/ On a non-touch screen, hold shift while dragging the green box to emulate pinch and rotate gestures.