Lets move!
summary
Animations claim to clarify state changes and make apps feel faster by changing perception rather than raw latency, demonstrated with Stripe Checkout, a Bitcoin landing animation and a small dbox site that loads Dribbble shots into canvas. Implementation favors CSS transitions and transforms (to hit 60 FPS), uses JavaScript for sequencing and randomness, wraps letters and staggers them by 10ms per-letter delay, avoids animating width/height and sticks to opacity and transform. Examples work and improve perceived speed and flow.
AI-written summary · about
chapters (4)
- 0:00Start
- 11:20switch the timing functions inside the keyframes
- 14:50running all your animations on a separate thread
- 20:09bring a little bit of death into your animations
