Sarah Drasner — The Guide to Designing SVG Animations
Episode 119 • Published May 16, 2017
Sarah Drasner is an award-winning speaker, consultant, and staff writer at CSS-Tricks. Sarah is also the co-founder of Web Animation Workshops, with Val Head. She’s given a Frontend Masters Workshop on Advanced SVG Animations and is the author of SVG Animations. She’s formerly Manager of UX Design & Engineering at Trulia (Zillow). Last year Sarah won CSS Dev Conf’s “Best of Best of Award” as well as “Best Code Wrangler” from CSS Design Awards.
Jump to a conversation on…
- 2:50 Talking goats. Animating goats.
- 5:40 Explaining viewbox over Twitter
- 9:00 Learning what’s going on under the hood so you can troubleshoot it.
- 10:40 As long as people have maintenance as their core idea.
- 13:20 Both sides seems to think the other side is a junior developer.
- 15:40 One size fits all doesn’t work on the web very well.
- 18:30 Generalists to specialists to micro-specialists.
- 20:01 When I was starting you couldn’t just be the designer.
- 26:05 I remember a time when browsers could fit on a floppy disk.
- 27:49 Performance is what gets me so excited about SVG.
- 32:00 The importance of SVG and how it helps solve our problems.
- 34:50 You redid your site while you had the flu?
- 38:20 Are we allowed to talk about above the fold?
- 40:00 Why a performance budget of under 2s?
- 44:01 Chances are what you see someone put out isn’t their first attempt.
- 45:20 Sarah does not poop things from her brain.
- 46:01 How do you keep up with things that change on the web so quickly?
- 51:30 I was striving to make sure you have a few options when animating SVG.
- 55:00 How can people find Sarah Drasner on the internet?