Overview
Like many developers, Tasveer initially dismissed SVG as simply a transport of vector image data. Just to be used for things like images that scale fluidly to different sizes.
He was wrong! And he has since pushed SVG into areas that he did not previously know were even possible on the Web.
Tasveer will be talking about his journey, from the basics of SVG into using it to achieve much more advanced effects. He will be sharing tricks and hacks that he has gained from first-hand experience working with SVG, as well as touching on what’s possible.
Objective
To showcase the SVG Document Object Model and explore cool use cases & UI effects.
Target Audience
JavaScript developers, UI developers and designers.
Assumed Audience Knowledge
Familiarity with JavaScript’s DOM interface. Basic knowledge of SVG and web graphics.
Five things audience members will learn
- The basics of SVG – what it is and where to use it
- How to manipulate SVG from JavaScript
- Cross browser SVG hacks
- SVG animations
- Introduction to CSS testing tools (that use SVG)