From After Effects to Web: Mastering CSS Animations Step‑by‑Step

Learn how to translate After Effects animation drafts into performant web animations using both automated tools like Bodymovin/Lottie and manual extraction of keyframe parameters, with detailed examples, code snippets, timing‑function insights, and practical tips for front‑end developers.

After EffectsLottieWeb Development

0 likes · 13 min read

From After Effects to Web: Mastering CSS Animations Step‑by‑Step

Taobao Frontend Technology

Mar 2, 2017 · Frontend Development

How requestAnimationFrame Works Under the Hood in Chrome: A Deep Dive

This article explains the inner workings of requestAnimationFrame, detailing why setTimeout/setInterval fall short, how Chrome's animation controller registers and fires callbacks, and the call stack that drives frame updates, complete with code excerpts and diagrams.

ChromeJavaScriptanimation timing

0 likes · 8 min read

How requestAnimationFrame Works Under the Hood in Chrome: A Deep Dive

Tencent Music Tech Team

Dec 30, 2016 · Mobile Development

Understanding CAMediaTiming Protocol and Hierarchical Time Structure in iOS Animations

The CAMediaTiming protocol defines a hierarchical time system for CALayer and CAAnimation objects, where each layer owns a nested time space whose beginTime, speed, and timeOffset combine to compute active and basic local times, enabling developers to pause, offset, speed up, repeat, or auto‑reverse animations with precise control.

CAMediaTimingObjective‑Canimation timing

0 likes · 9 min read

Understanding CAMediaTiming Protocol and Hierarchical Time Structure in iOS Animations