Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

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


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!


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


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


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.


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.




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: