SVG + CSS animations

SVG has been around since the late ’90s, but it was ignored by many until 2017 when it came back in full swing. This graphics file format fulfills all we need in today’s modern web: scalability, responsiveness, interactivity, programmability, and accessibility.

In this talk we cover the benefits of SVG, how to code basic shapes from scratch (including some commands for paths), we explore the main attributes, how to optimize the files from Illustrator to the text editor, and how to repeat content with the element. There are also case studies of animations with SASS and CSS and the ways to apply all these tools for better UX. It includes live coding and a few examples of the million things you can do combining these languages.