Everything You Should Know About SVGs

In this presentation, Vincent Tang will show you everything you, as a designer or frontend developer, should know about SVGs (scalable vector graphics) used on the web.

What you’ll learn about:

• What is a SVG?
• How does it work?
• Machine-generated SVGs vs Handmade SVGs
• Embedded vs Inline
• Optimizing SVG's for production
• Practical workflows for working with SVGs using Figma
• A primer on SVG animations & 3rd party tooling
• Special Effects using SVGs
• Performance tradeoffs b/w using SVGs and it's alternatives

Bio:

Vincent is a former restaurant design architect, who has designed a few restaurants in town. He has 3 years of experience as a print media designer, and his work has been featured on the front page of Codepen. Originally from Orlando, Vincent moved recently to work for E2 Generations as a fullstack developer building startup apps. In his free time, he blogs about things he learns at vincentntang.com, tutors junior developers, and rock climbs.

Links:

vincentntang.com
twitter.com/vincentntang
github.com/vincentntang
codepen.io/vincentntang