Smashing Conf Freiburg
Val Head Senior Design Advocate, Adobe @vlh
easings.net
webkit.org/blog/7551/responsive-design-for-motion/
alistapart.com/article/designing-safer-web-animation-for-motion-sensitivity/
@media (prefers-reduced-motion: reduce) { /* alternative behaviour */ }
let motionQuery = matchMedia('(prefers-reduced-motion)'); const handleReduceMotionChanged = () => { if (motionQuery.matches) //alternate behaviour; } motionQuery.addListener(handleReduceMotionChanged); handleReduceMotionChanged();
Newsletter: uianimationnewsletter.com
Twitter: @vlh
By vlh