How to give feedback You can email email@example.com with subject beginning “[web-animations] … ” On IRC: irc.w3.org#webanimations Unofficially, I will be keeping tabs on the #waapi hashtag on Twitter. Getting it supported Minor fixes to the spec (grammar/spelling/inconsistencies etc.) can be submitted as pull requests to Internet Exlporer You can vote for IE to support the Web Animation API here. FireFox People who have some familiarity with C++ coding, you can help implement the API in Firefox. Bonus Round. Famo.us.
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. Before diving into examples, let’s first address why motion design is so beneficial: Improved feedback loops As a UI and UX designer, you should use patterns as much as possible since users will be subconsciously looking for them. In the examples below, we’ll be using Velocity.js1 — a popular animation engine that drastically improves the speed of UI animation. UI Pack Overview Link After including the UI pack (only 1.8 KB ZIP’ed) on your page, you’ll gain access to UI effects that are organized into two categories: Drag Link.
It’s an exciting time for web animation, and also a time of grave miscommunication and misinformation. What you’re about to read is purely observational and as unbiased an account as you will be able to find on the subject of web animation. Flash May Be Gone, But The Era Of Web Animation Has Just Begun Since the era of Flash, it’s become fashionable to think of animation as little more than decoration, a “flashy” afterthought, often in poor taste, like an unwelcome blink tag. For user interface designers, animation reinforces hierarchy, relationships, structure, and cause and effect.
More States ! Velocity.js. Web-animations/web-animations-next.