The Web In Motion Practical Considerations For Designing With Animation.epub [Feb 2015]

The Web In Motion: Practical Considerations For Designing With Animation

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

The State Of Animation 2014—by Rachel Nabors
A Quick Look Into The Math Of Animations With JavaScript—by Christian Heilmann
Animating Without jQuery—by Julian Shapiro
Faster UI Animations With Velocity.js—by Julian Shapiro
Using Motion For User Experience On Apps And Websites—by Drew Thomas
Understanding CSS Timing Functions—by Stephen Greig
Styling And Animating SVGs With CSS—by Sara Soueidan



TECHNICAL DETAILS

Formats: PDF, EPUB, Kindle (DRM-free)
Pages: 162
Language: English
Released: February 2015
Publisher: Smashing Magazine GmbH
ISBN (PDF): 978-3-945749-11-1
ISBN (EPUB): 978-3-945749-09-8
ISBN (KINDLE): 978-3-945749-10-4



EXCERPT FROM CHAPTER 1
The State Of Animation 2014—by Rachel Nabors

“The post-Flash era is hardly free of animation. CSS animation is quickly becoming a cornerstone of user-friendly interfaces on mobile and desktop, and JavaScript libraries already exist to handle complex interactive animations. In the wake of so much ‘CSS versus JavaScript animation’ infighting, a new API specifically for web animation is coming out that might just unite both camps.
It’s an exciting time for web animation, and also a time of grave miscommunication and misinformation. In 2014, I had the chance to travel the world to talk about using animation in user interfaces and design. I met and interviewed dozens of people who use and champion both CSS and JavaScript. After interviewing so many developers, designers and browser representatives, I discovered a technical and human story to be told.”

EXCERPT FROM CHAPTER 4
Faster UI Animations With Velocity.js—by Julian Shapiro

“From a motion design perspective, Facebook.com is phenomenally static. It’s purposefully dumbed down for the broadest levels of compatibility and user comfort. Facebook’s iOS apps, on the other hand, are fluid. They prioritize the design of motion; they feel like living, breathing apps.
This article serves to demonstrate that this dichotomy does not need to exist; websites can benefit from the same level of interactive and performant motion design found on mobile apps.”