Shapiro, J: Web Animation Using JavaScript

Animation has been cemented as the most powerful tool in a Web development student's UI toolkit, animation is the driving force behind their app's personality and visual sophistication. This book guides them from choosing the right animation library all the way to extending it with their own animations in order to rival the polish of their favorite apps and sites. They'll discover the common errors people make, the best practices they should be following, and everything professional web animation has to offer when it's fully mastered.



This book uses concise, focused examples to teach Web development and UI design students how to create efficient and eye-catching motion effects in code. What is it that makes the best apps so sleek and intuitive? Students will learn all the tricks, including how to design loading sequences that ensure users stay fully engaged instead of tuning out, how to leverage simple physics principles to make apps respond naturally to users' input just like motion behaves in the real world, how to exploit CSS transforms to create rich depth in their animations, and how to use JavaScript libraries like jQuery and Velocity.js to enrich the user experience. Throughout, they will consider the balance between enriching a page with motion design and avoiding distracting users with unnecessary flourishes.