3 ms·
Are there any working examples using these tricks so we can test the difference? (The author's product request an invite to use)
by tszming 14y ago
Are there any working examples using these tricks so we can test the difference? (The author's product request an invite to use)
- mdellanoce 14y agoUnfortunately, 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 14y agoLooking forward to it, I already feel like you saved me 2 weeks in testing.
- joegaudet 14y agoI 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.
- kerrishotts 14y agoThey 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.
- stungeye 14y agoI 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 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 https://github.com/stungeye/HTML5-Tumblr-Mobile-App Explained here: http://mobilehtml5.stungeye.com http://mobilehtml5.stungeye.com