The Web In Motion: Practical Considerations For Designing With Animation

Animation is not about mere decoration, but (when used sparingly) can turn out to be a catalyst for making the interaction with a website more intuitive and memorable. So, what is the current state of animation on the web? Where is it heading? And how can you tackle the possibilities and challenges it brings along?

After the golden times of Flash were over, animations led a rather shadowy existence on the web for quite some time. They were considered as unnecessary gimmicks and superfluous add-ons, but things were about to change. With apps already benefiting from their responsive interfaces, the importance of both animation and motion design, as well as their ability to make the user experience more delightful, was growing evermore. The questions tackled and discussed in this eBook are bound to help you grasp what meaningful motion design is all about and how you can implement it into your own projects.

Table of Contents

1. The State Of Animation 2014
2. A Quick Look Into The Math Of Animations With JavaScript
3. Animating Without jQuery
4. Faster UI Animations With Velocity.js
5. Using Motion For User Experience On Apps And Websites
6. Understanding CSS Timing Functions
7. Styling And Animating SVGs With CSS