Delighting users with performant apps
summary
Shows how to get native‑like polish on the Web with concrete techniques: replace box‑shadow with a transform+blur pseudo‑element to avoid repaints, implement FLIP by capturing before/after X Y width height and driving smooth motion with the Web Animations API (or the View Transition API where available), and offload palette extraction to a web worker using color‑thief converted to TypeScript and render with canvas so heavy image math never blocks the UI.
AI-written summary · about
chapters (6)
- 0:00Performant app dev intro
- 1:50Missing features struggle
- 3:17Box shadows breakthrough
- 6:48FLIP animation solution
- 11:25Background extraction with workers
- 16:41Final result
