Techniques to take care while using animations 1. Don’t change any properties besides opacity or transform! Even if you think it might be ok, don’t! 2. Hide content in plain sight. Use pointer-events: none along with no opacity to hide elements 3. Don’t animate everything at the same time. Rather, use choreography. 4. Slightly increasing transition delays makes it easy to choreograph motion. 5. Use a global multiplier to design in slow motion And then speed everything up later. 6. Take videos of your UI and replay them to get a valuable third-person perspective. 7. Network activity can cause lag. You should preload or delay big HTTP requests 8. Don’t bind directly to scroll. Seems like a cool idea, but it really isn’t great. 9. Test on mobile early & often. 10. Test frequently on multiple devices Screen size, density, or device can all have big implications
