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
- The State Of Animation
by Rachel Nabors
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
- 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
Excerpt From Chapter 4
Faster UI Animations With Velocity.js — by
From a motion design perspective, Facebook.com is phe- nomenally static. It’s purposefully dumbed down for the broadest levels of compatibility and user comfort. Face- book’s iOS apps, on the other hand, are fluid. They priori- tize 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.