I love helping people out who are stuck with SVG/animation stuff.

But it's frustrating how many people obviously jump straight into an animation library and entirely skip the learning SVG bit.

All animation libraries do is update properties. Learn what the properties do first.
Understanding SVG itself is always going to be the best place to start.

This industry really needs to stop venerating 'programming' and disregarding markdown languages.
I'm a big fan of the MDN web docs for learning about different SVG elements - developer.mozilla.org/en-US/docs/Web…
There's also absolutely *tons* of articles on CSS tricks.


I'd personally recommend popping over to @codepen and writing out some SVG code from scratch.

Make some shapes, change fills and strokes, try to write out an SVG path. Play with the viewBox values, try clipping, try masking, add images or text.

Explore, experiment.

• • •

Missing some Tweet in this thread? You can try to force a refresh

Keep Current with Cassie Evans

Cassie Evans Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!


Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

Did Thread Reader help you today?

Support us! We are indie developers!

This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!