Adding functionality for mobile


show more Adding functionality for mobile provides you with in-depth training on Web. Taught by Paul Trani as part of the Creating Drag-and-Drop Functionality with Edge Animate show less
please wait ...

Adding functionality for mobile

If you are targeting mobile, of course you need to test out on mobile devices. Now, here I have this project posted to paultrani.com that's the URL. And I'm just going to go ahead and play around with this on my iPhone and I'll try to click and drag the eyes. As I do you can see it, it actually just selects the eyes and that's not what I want. So this is not optimized for mobile. I need to convert these mouseovers and mousedowns into touch events. And what I can do in order to make that happen is use something called Touch Punch.

So, launch your browser and go to touchpunch.furf, F-U-R-F .com. And, here, you'll see this actually gives the ability to take jQuery UI and convert into touch-enabled functionality. And, you can see, right down here, it says that it works by mapping the touch events to mouse events. And that is what going on. So I don't have to write these touch events, I could use this small library. I do encourage you to donate. In essence what you want to do is use y...

Adding functionality for mobile
Video duration: 3m 48s 1h 14m Beginner

Viewers:

Adding functionality for mobile provides you with in-depth training on Web. Taught by Paul Trani as part of the Creating Drag-and-Drop Functionality with Edge Animate

Subject:
Web
Software:
Edge Animate
Author:
please wait ...