Tag Archives: touch

In part 1 I showed how to add a swipe effect to a scrolling area using only the new CSS properties in IE10. I also added some JavaScript to create the same effect in other touch-supported browsers like iOS.

The CSS stuff in IE10 is great, but there is only so much you can do with it. If we want a completely custom effect we need to get involved with IE10’s touchscreen event model. Things get a bit more complicated now…

This demo uses JavaScript in IE10 to achieve the same swiping effect as the CSS solution in part 1. However, if you swipe harder you will move three places instead of one. This way you can¬†essentially¬†flick an item from one end to the other. Not the greatest effect in the world, it’s just an example.

Continue reading…

I just finished working on the Lovie Awards Winners Gallery. As a result of the Microsoft partnership I learned quite a bit about touchscreen support in IE10. Part of the site has progressively enhanced sideways scrolling areas which are swipeable on touch screens. I’ve put together a few demos here to show what we ended up doing and highlight some of the gotchas.

Continue reading…