Know More

Other Resources

Trailhead

• Salesforce Kinetics System Module
• Motion Pattern Creation

Blogposts

• What You Need to Know About the New Salesforce Kinetics System
• Scaling of Kinetic Systems from design system to the Global Navigation of our digital products

Developer Resources

• https://kinetics-prototype.lightningdesignsystem.com/?path=/story/kinetics-activity-timeline--base
• A Comparison of Animation Technologies
• Leveraging JavaScript to implement CSS transitions that use display: none
• CSS Animation Tricks: State Jumping, Negative Delays, Animating Origin, and More
• Why Play and Pause CSS Animations with CSS Custom Properties
• Web Animation API
• GreenSock
• Lottie

Design Resources

• The Role of Animation and Motion in UX
• Design of Signifiers
• Motion Animation WCAG
• Essential Motion WCAG
• WCAG 2.3.2
• Understanding WCAG Pause, Stop, Hide
• 12 Principles of Animation
• Your Loading Spinner Is a UX Killer! | Boldist
• Everything you need to know about Loading Animations | by Lisa Dziuba...