Direct link to the article Let’s Make One of Those Fancy Scrolling Animations Used on Apple Product Pages

Let’s Make One of Those Fancy Scrolling Animations Used on Apple Product Pages

Apple is well-known for the sleek animations on their product pages. For example, as you scroll down the page products may slide into view, MacBooks fold open and iPhones spin, all while showing off the hardware, demonstrating the software and …

Avatar of Jurn van Wissen
Jurn van Wissen on (Updated on )
Direct link to the article Performant Expandable Animations: Building Keyframes on the Fly

Performant Expandable Animations: Building Keyframes on the Fly

Animations have come a long way, continuously providing developers with better tools. CSS Animations, in particular, have defined the ground floor to solve the majority of uses cases. However, there are some animations that require a little bit more …

Avatar of Bernardo Cardoso
Bernardo Cardoso on (Updated on )
Direct link to the article Using requestAnimationFrame with React Hooks

Using requestAnimationFrame with React Hooks

Animating with requestAnimationFrame should be easy, but if you haven’t read React’s documentation thoroughly then you will probably run into a few things that might cause you a headache. Here are three gotcha moments I learned the hard way.

TLDR

Avatar of Hunor Márton Borbély
Hunor Márton Borbély on (Updated on )