You are currently viewing SVG can do that?! – talk by Sarah Drasner

SVG can do that?! – talk by Sarah Drasner

SVGs, with their potential for high-quality and performant graphics, have myriad uses on the web. By now, a lot of developers are aware of their practical uses, such as small and accessible icons, or illustrations. In this session, though, Sarah will go beyond typical use cases. She’ll cover a few practical things like styling SVG icons like typography, and then dive into the creative wilds of this graphic format built with math. She’ll make it respond to physics, make it bounce and snap, stack it like legos for responsive, and make it interactive with front-end frameworks like Vue.js and React. In this session Sarah will push the boundaries of what’s possible while also thinking about cross-browser stability, and you’ll come out of it with a whole new world of tools in your front-end developer toolbox.

Sarah Drasner is an award-winning speaker, consultant, and staff writer at CSS-Tricks. She is also the co-founder of Web Animation Workshops, with Val Head and the author of SVG Animations from O’Reilly. Sarah is formerly Manager of UX Design & Engineering at Trulia (Zillow). She won CSS Dev Conf’s “Best of the Best Award” as well as “Best Code Wrangler” from CSS Design Awards.

You can follow Sarah on Twitter:

Talk given at Full Stack Fest 2017:

This talk is under the creative commons license. freeCodeCamp is not associated with this talk. We’re just excited to bring more exposure to to it!

Learn to code for free and get a developer job:

Read hundreds of articles on programming:

And subscribe for new videos on technology every day:


This Post Has 19 Comments

  1. Boxing Expert

    Never saw any hot girls in my class when I was studying computer science in college damn!

  2. All of this was way over my head, but I had to watch it because I've seen a ton of her pen's and thought they were amazing. I will get there one day, hopefully I will understand SVG like she does. Great video!!!

  3. krlm777

    I didn't get anything aside from SVGs are cool. Haha.

  4. Utopia

    Really cool and has its place, but some of the examples reminded me of Flash style websites, and I don't really want to go back to that style of presentation. I just want a website to give me the information in a efficient manner.

  5. Adi S

    I like her. She's smart and cool.

  6. Jakob Sternberg

    We're in 2018, and still nothing comes close to what Flash was able to do.

  7. Hugo Santos

    Love the energy! And I have now started looking at SVGs in a different way. Need to learn how to use SVGs properly

  8. Simone Icardi

    I had a sort of "omg flash is coming back" for a moment, but at the end, this is very cool. Super nice presentation too!

  9. Ptmp727

    Nice but I can't find any good basic editors to create a simple background

  10. tom dixon

    You can tell by all the things she says and how she says them that her brain works really good.

  11. Calorus

    She's really annoying in the best possible way. She knows all the stuff.

  12. Bunny Boy

    "Remember when we used to have fun"

    Everyone felt that*

Leave a Reply