For decades drawing has allowed us to tell captivating stories with only a simple medium like pen and paper. But why stop at pen and paper, when we have an amazing medium like the web, that allows us to turn handdrawn sketches into beautiful interactive and animated SVG illustrations. This talk will explain how art and coding have many similarities and why creating a clear cut between developers and designers can be limiting. We will explore what SVG is and how we can utilise it to turn our illustrations into code. Finally we’ll sprinkle some animation techniques on top to create a delightful interactive illustration in the browser.
Codepen Examples in the presentation
Detailed article on how to provide accessible svgs
Article on Cross Browser Issues with SVG
Article on how to create linear interpolation
My illustrations on Instagram