The post-Flash era is hardly free of animation. CSS animation is quickly becoming a cornerstone of user-friendly UI frameworks, and JavaScript libraries already exist to handle complex, interactive animations. And now there’s a new API coming to town specifically for web animations! In the wake of so much “CSS vs. JavaScript animation” infighting, you'll be introduced to the Web Animations API via the development styles and insights of four distinct groups of people: UI designers, interaction developers, library authors, and the browser teams implementing it.
12. Sco$ E. Hudson and John T. Stasko (1993)
“By offloading interpretation of changes to the
perceptual system, animation allows the user to
continue thinking about the task domain, with no
need to shift contexts to the interface domain. By
eliminating sudden visual changes, animation lessens
the chance that the user is surprised.”
63. Frame rate
is an accessibility
issue.
Think of the
accessibility!
64. • Web Anima6on API anima6ons geEng their own
thread!*
• *So long as the anima6on doesn’t 6e into any
things happening on the main thread like:
• JavaScript (sorry dynamic anima6on)
• Layout
• It varies by vendor.
An end to jank (some condi1ons apply)!