Skip to main content

Smooth Animation on Mobile Web: From Kinetic Scrolling to Cover Flow Effect

Ariya Hidayat (Shape Security)
Mobile
Grand Ballroom ABCD
Average rating: ***..
(3.78, 9 ratings)
Slides:   external link

With powerful smartphone platforms and high-performance web browsers, there is no more excuse for laggy UI animations on a mobile web application. The “best practice” list of client-side mobile optimization is pretty well-known: use optimized JavaScript, requestAnimationFrame, event throttling, GPU acceleration, and so on. In this talk, those best practices will be put to the test in a series of practical user interface patterns, from a silky smooth kinetic scrolling example to the use of CSS 3-D to clone the infamous Cover Flow effect.

Photo of Ariya Hidayat

Ariya Hidayat

Shape Security

Ariya Hidayat is an engineer/technical lead/FOSS fan/blogger/speaker. These days, his activities are mostly on software craftsmanship around HTML5, JavaScript, and other web technologies.