Animations for Everybody
summary
Practical SwiftUI recipes: compare implicit animation (animation modifier) versus withAnimation explicit calls and prefer explicit when you need control; use iOS 17 FaceAnimator for simple phased moves (limitation: all phases share timing) and switch to Keyframes when you need independent durations, easing and rotation/scale tracks — demo shows an emoji hopping, rotating, changing color with keyframes. Always respect reduce motion (check accessibilityReducedMotion), offer pause/play/hide, avoid >3 flashes/sec, and label or hide decorative animations for VoiceOver.
AI-written summary · about
chapters (18)
- 0:00Welcome and introduction
- 1:57Why animations matter
- 3:44Purpose of animations
- 6:33Animation types in SwiftUI
- 9:21Symbol and state animations
- 10:04Phase and keyframe animations
- 14:01Spring animations
- 16:55Motion sickness concerns
- 18:20Problematic animation types
- 21:58Accessibility guidelines
- 24:30Reduce motion implementation
- 28:29Reduced motion settings
- 30:58App-level motion controls
- 32:01VoiceOver for animations
- 33:46Decorative vs meaningful animations
- 35:32Haptic feedback and sound
- 36:36Best practices summary
- 37:41Development questions
related talks
32mThe Art & Science of SwiftUI Animated Experiences
39mSwiftUI Animations Under The Hood
30mDesigning Delightful Animations with SwiftUI
16mAnimation juice in SwiftUI
32mAnimations Should Be Fun
47mAnimations in Flutter
32mManaging animations (sanely) in (insanely) complex apps
22mAccessibillity in Motion