If you see a Coke bottle in any slides, look for some additional links or information.

https://caniuse.com/#search=svg

SVG with JavaScript: https://shkspr.mobi/blog/2018/02/this-svg-always-shows-todays-date/

https://abookapart.com/products/practical-svg

https://www.pagecloud.com/blog/web-images-png-vs-jpg-vs-gif-vs-svg

DOM: Document Object Model https://css-tricks.com/dom/

97% Global Usage - Inline SVG http://advancedwebranking.com/html/#svg-overview

For historical purposes and remembering more painful times: https://css-tricks.com/css-sprites/

You probably don’t want to use sprites today!

Depending on your implementation, you will probably want to place this at the top or bottom of your page or template. Think of an SVG sprite kind of like a JavaScript library or a CSS file.

Accessible SVGs: https://css-tricks.com/accessible-svgs/

https://github.com/iconic/SVGInjector

Slides bit.ly/wcraleigh-svg Twitter @colinlord Email hello@colinlord.com Codepen codepen.io/colinlord

Thanks for downloading the speaker notes. I’ve been a big fan of using SVGs the last couple years and hopefully you can tell that it’s something I like talking about! If you ever have a pesky question, feel free to send me a message. The best way to get my attention is probably on Twitter but you can use my email as well.