So far, we've considered the use of jQuery to animate content on responsive sites, but what about the mobile platform? There has been a significant increase in the use of non-desktop devices (such as laptops and smartphones) to view content. This brings some additional considerations that we need to make in order to make the most of performance on mobile devices.
Animating on a mobile platform is less about writing code but more about deciding which technologies to use; in most cases, simply writing jQuery code will work, but it won't be as effective as it should be.
The secret behind getting the best experience is in the use of the smartphone's GPU or Graphics Processing Unit; to do this, we can offload standard jQuery animations (which are slower) by enabling 3D rendering.
Tip
Although this browser should work on all desktop and mobile devices, you will get best results in a WebKit-based browser, such as Google Chrome.
Let's explore this in more detail with...