[tszming]

Are there any working examples using these tricks so we can test the difference? (The author's product request an invite to use)

[mdellanoce]

Unfortunately, the app is still in review with Apple, so not at the moment. I also didn't realize this post would do so well with HN. I will work on a more in-depth follow-up with some working examples. Thanks so much for reading!

[tehwebguy]

Looking forward to it, I already feel like you saved me 2 weeks in testing.

[stungeye]

I recommend checking out the Photoswipe source. It uses many of these techniques to create a swipe-based image gallery optimized for iOS and Android.

https://github.com/codecomputerlove/PhotoSwipe

Here's a simple HTML5/Photoswipe/Phonegap app I wrote that you could experiment with:

https://github.com/stungeye/HTML5-Tumblr-Mobile-App

Explained here: http://mobilehtml5.stungeye.com

[kerrishotts]

They make a /huge/ difference, especially if you stay within the tile size.

In fact, using translate3d and CSS animation is pretty much the only way to get smooth animation - if you do it with pure JS (setting left/top styles), things get very herky-jerky.

[joegaudet]

I can speak from experience that using the 3d transform trick can make a real difference.

We use them to emulate the Facebook / Path / Twitter swipe to move the main panel, performance isn't 100% of native - but it's pretty close.