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: https://twitter.com/sarah_edo
—
Talk given at Full Stack Fest 2017: https://fullstackfest.com
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: https://www.freecodecamp.com
Read hundreds of articles on programming: https://medium.freecodecamp.com
And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
source
Never saw any hot girls in my class when I was studying computer science in college damn!
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!!!
those legs are so distracting lol. SVG's cool though
I didn't get anything aside from SVGs are cool. Haha.
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.
Good information!! Thanks Sarah
I like her. She's smart and cool.
We're in 2018, and still nothing comes close to what Flash was able to do.
Thanks Sarah
Love the energy! And I have now started looking at SVGs in a different way. Need to learn how to use SVGs properly
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!
domo arigatoow
Love this lady, the vibes is so positive! Thanks for the talks
Nice but I can't find any good basic editors to create a simple background
she's so cool, why is the audience so dead
That was such a good talk thank you
You can tell by all the things she says and how she says them that her brain works really good.
She's really annoying in the best possible way. She knows all the stuff.
"Remember when we used to have fun"
Everyone felt that*