Web Animation using JavaScript

Web Animation using JavaScript

4.11 - 1251 ratings - Source

Wea€™ve come a long way since the days of flashing banner ads and scrolling news tickers. Today, the stunning motion design of iOS and Android dramatically improves a usera€™s experience a€” instead of detracting from it. The best sites and apps of today leverage animation to improve the feel and intuitiveness of their interfaces. Sites without animation are starting to feel antiquated. This book provides you with a technical foundation to implement animation in a way thata€™s both visually stunning and programmatically maintainable. Throughout, we consider the balance between enriching a page with motion design while avoiding unnecessary flourishes Readers will learn 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 usersa€™ input (just like motion behaves in the real world), how to exploit CSS transforms to create rich depth in animations, and how to fully leverage JavaScript animation libraries like Velocity.js to streamline animation programming. From animation performance to theory, we cover everything needed to become a professional web animator. Whether you're a novice or professional web developer, this book is for everyone. Why is all of this so important? Why is it worth your time to become a professional motion designer? For the same reason that designers spend hours perfecting their pagesa€™ font and color combinations, motion designers perfect their animationsa€™ transition and easing combinations: Refined products feel superior. They leave users whispering to themselves, a€œWow, this is coola€, right before they turn to a friend and exclaim, a€œYou gotta try this.a€top: 50, // Defaults to the px unit type left: aquot;50%aquot;, // We manually specify the % unit type rotateZ: 25 // Defaults to the deg unit ... Velocitya#39;s shorthand features, such as value operators, retain animation logic entirely within the animation engine.

Title:Web Animation using JavaScript
Author:Julian Shapiro
Publisher:Peachpit Press - 2015-03-13


You Must CONTINUE and create a free account to access unlimited downloads & streaming