Rizqi's Logo

Think, write, repeat.

Currently Reading

  • Shape Up
    Shape Up: Stop Running in Circles and Ship Work that Mattersby Ryan Singer, Jason Fried
July 25th, 2020

TIL from Twitch stream with @cassiecodes about SVG animation

Video link: https://www.twitch.tv/videos/687415585
Codepen link: https://codepen.io/cassie-codes/pen/bGEzMMK

  1. Add title inside SVG and aria-labelledby for accessibility.
  2. Colorbox.io tools by guys on Lyft.
  3. Scrub GSAP Timeline to debug GSAP Timeline.
  4. stagger property to multi-target tween basically offsets the starting time of each target’s animation. More detail here.
  5. random(between A, to B) also a cool utility method from GSAP.
Powered byGatsby+❤️