Sara Soueidan is a Lebanese freelance front-end web developer working with companies across the globe, building sustainable, responsive front-ends for Web sites and applications. She also runs workshops on front-end development and writes technical articles on her blog and for various big publications. Sara wrote the Codrops CSS Reference, co-authored the Smashing Book 5, and has been voted the Developer of the Year in the 2015 net awards.
SVG has proven itself an essential tool in our design toolkits. And one of its most exciting features is the broad range of animation effects that can be achieved due to its nature and the ability to style and script the contents of the image with CSS and JavaScript. However, how and when you can animate an SVG depends on many factors, ranging from embedding techniques, to animation gotchas, among others. Even optimizing an SVG image which is almost always recommended, has a direct effect on the SVG code and therefore influences your animation capabilities.
In this talk, we will go over everything you need to know before and during your attempt to animate SVG images. We will look at the different embedding and animation techniques, gotchas and prerequisites, and take a quick glance of the future of SVG animation.
