-
Notifications
You must be signed in to change notification settings - Fork 155
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Update animations.md #212
Update animations.md #212
Conversation
Revised the animations policy to propose a modified policy that blocks layout inducing animations as opposed to the non-composited animations. The changed is motivated discussions in issues #202, #203, and #204.
Suggested a handful of animations to include in the v1 of the policy.
policies/animations.md
Outdated
Deeper explanation | ||
In order to produce animations on the web, developers declare transitions of style | ||
in either CSS (e.g., `@keyframes` and `animation`) or JavaScript (e.g., `element.animate()`). | ||
In principal, these transitions can be used to animate just about any CSS property ( |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Minor nit -- can you move the "(" to the next line to avoid unnecessary whitespace after it?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done.
policies/animations.md
Outdated
When properties such as `size` or `position` are changed in an animation, many other | ||
elements on the page to have to be moved around constantly (*layout and re-layout*), and | ||
browsers can struggle to keep up. When that happens, the result is a potentially stuttering | ||
animation and a poorly performing and non-responsive web page; sometimes even the entire page |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
the entire page slows down
I realize that I missed a word in the original text -- I think I intended to say that in the worst case, the entire machine can slow down, as all CPU resources are devoted to the animation.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
page changed to machine
Addressing comments.
Revised the animations policy to propose a modified policy that blocks layout inducing animations as opposed to the non-composited animations.
The changed is motivated discussions in issues #202, #203, and #204.