Web Unleashed 2014
Web Dev
  • 2014-09-17 00:00:00 2014-09-18 00:00:00 America/Toronto Web Unleashed 2014 Toronto FITC
  • Toronto

Presentation

Slides

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

  1. The basics of SVG – what it is and where to use it
  2. How to manipulate SVG from JavaScript
  3. Cross browser SVG hacks
  4. SVG animations
  5. Introduction to CSS testing tools (that use SVG)