Responsible Web Animation: Move Things Without Weighing Them Down
summary
How to design lightweight, accessible web animations using modern CSS and thoughtful design choices. The talk covers performance and digital-sobriety concerns, accessibility for motion-sensitive users, and practical best practices and tools (modern CSS techniques) to add transitions, micro-interactions, and scroll effects without slowing or overloading sites.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 2:33Web animation evolution
- 7:57Responsible animation definition
- 9:47Eco-friendly animations
- 13:25CSS vs JavaScript best practices
- 18:30Human impact of animations
- 21:46Meaningful animations
- 26:02New CSS animation APIs
- 32:12Responsible animation checklist
- 35:21Summary
- 37:15Q&A
