Quick slides showing off some cool SVG demos

1. @edent
HELLO!

2. @edent
JavaScript + SVG
AKA "Holy shit! You can do that?!"

3. @edent
SVG? WTF?

4. @edent
Raster Graphics

5. @edent

6. @edent

7. @edent

8. @edent

9. @edent
Scalable Vector
Graphics

10. @edent
<svg xmlns="http://www.w3.org/2000/svg">
<circle cx="256" cy="128"
r="64"
fill="#00FF00">
</circle>
</svg>

11. @edent
https://github.com/edent/supertinyicons

12. @edent
SVG JS Oxford

13. @edent
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<script type="text/javascript"
xlink:href="https://example.com/svg.js">
</script>
…

14. @edent
<svg onload="w()"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<script type="text/ecmascript">
<![CDATA[w=()=>{
document.getElementsByTagName('...>
</script>
...

15. @edent
Security? OMG!

16. @edent
DEMO!
https://shkspr.mobi/svg/calendar.svg

17. @edent
MOAR DEMO!
● http://svgjs.com/
● https://www.paulirish.com/work/videooo.xhtml
● https://upload.wikimedia.org/wikipedia/commons
/6/6c/Trajans-Column-lower-animated.svg
● http://www.bogotobogo.com/svg_source/SVGDigit
alClock.svg
● https://codepen.io/chrisgannon/pen/pbzEYr

18. @edent
THANKS!
https://EDENT.tel