Info

SVG Immersion: The Anything and Everything SVG Podcast

SVG Immersion is a podcast that empowers you to passively learn SVG. Each episode is a deep dive in to one SVG concept, designed to supplement and reinforce difficult concepts. The podcast also features conversations with thought leaders in the SVG space discussing what tools and techniques they use, how they'd explain a particular SVG concept if they were teaching a friend, and one free, but valuable resource, they can offer to help you learn SVG.
RSS Feed Subscribe in iTunes
2016
August
April
February


2015
December
November
October
August
July
June
May
April
March


All Episodes
Archives
Now displaying: April, 2015
Apr 26, 2015
Ryan Brownhill is an Motion and User Experience  Designer at IBM Watson with a general background in Interaction Design. He also moonlights in photography, animation, and is a bit of a typography nut. Ryan is contributing designer to The Letter Society–a collaborative and challenge-based design blog, as well as designopen.org
 
 
 
Show Links
 
http://ryanbrownhill.com/
 
The Letter Society
 
http://designopen.org
 
 
https://medium.com/@ryan_brownhill/svg-animation-d7d5486103bb
 
 
 
Music Attributions:
Apr 17, 2015

Rob talks about the SVG transform attribute and how it creates a new current coordinate system, scale, rotate, translate, scewX and scewY…

Show Links 

 
Jakob Jenkov
 
SVG Essentials–2 edition
http://www.amazon.com/SVG-Essentials-J-David-Eisenberg/dp/1449374352
 
Spec
http://www.w3.org/TR/SVG/coords.html#TransformAttribute
 
Music Attributions:
 
Apr 16, 2015
In this, part 2, of interview with Sarah Drasner–Senior Interaction Designer at Fauna DB and general front end developer who wields her magic wand over the Greensock GSAP animation library–we discuss:
  • Sarah’s background as both a front end developer and scientific illustrator
  • SVG Animation Benchmarks for GSAP, CSS3 @keyframes, SMIL, and Velocity.js
  • Sarah’s process for storyboarding the scenes in to animated timelines, from creation to animation implementation
  • “step animation” (animating by drawing a series of images) versus animation via interpolation
  • Working solo vs. working with a team; and also animations that are practical for business vs. those that are “weekend art pieces” and why both are important
Show Links
 
SVG Animation Benchmarks: https://css-tricks.com/weighing-svg-animation-techniques-benchmarks/
 
 
 
Sarah’s Contact Form Pen: http://codepen.io/sdras/pen/LEorev
 
Sime Vidas' Web Platform Daily: http://webplatformdaily.org/
 
Sara Soueidan: SaraSoueidan.com
 
Html5 Weekly: http://html5weekly.com/
 
Web Animation Weekly: http://rachelnabors.us1.list-manage.com/subscribe?u=0a8f219cf8284562f91a26ee9&id=d60f6683d2
 
JavaScript Weekly: http://javascriptweekly.com/
 
Web Operations Weekly: http://webopsweekly.com/
 
Music Attributions:
Apr 16, 2015
In this interview with Sarah Drasner–Senior Interaction Designer at Fauna DB and general front end developer who wields her magic wand over the Greensock GSAP animation library–we discuss:
  • Sarah’s background as both a front end developer and scientific illustrator
  • SVG Animation Benchmarks for GSAP, CSS3 @keyframes, SMIL, and Velocity.js
  • Sarah’s process for storyboarding the scenes in to animated timelines, from creation to animation implementation
  • “step animation” (animating by drawing a series of images) versus animation via interpolation
  • Working solo vs. working with a team; and also animations that are practical for business vs. those that are “weekend art pieces” and why both are important
Show Links
 
 
 
Sarah’s Contact Form Pen: http://codepen.io/sdras/pen/LEorev
 
Sime Vidas' Web Platform Daily: http://webplatformdaily.org/
 
Sara Soueidan: SaraSoueidan.com
 
 
 
JavaScript Weekly: http://javascriptweekly.com/
 
Web Operations Weekly: http://webopsweekly.com/
 
Music Attributions:
Apr 7, 2015
Interview with Dmitry Baranovskiy author of Raphael & Snap.svg
 
Dmitri is the author of Raphaël, the most popular SVG library on the web with support back to IE6. Dmitry is also the author of Snap.svg, a newer successor to Raphael, designed for modern browsers, meaning it can support newer SVG features like masking, clipping, patterns, gradients, and more. Dmitry is currently a Senior Computer Scientist at Adobe. 
 
Show Links
http://dmitry.baranovskiy.com/
 
Dmitry’s Icon Set:
https://thenounproject.com/DmitryBaranovskiy/
 
https://instagram.com/p/0oXUUpGGwo/
 
Snap.svg
https://github.com/adobe-webplatform/Snap.svg
 
Bump to 0.4.0:
 
Raphael
http://raphaeljs.com/
 
Dmitry’s associate (friend?) Lachlan Hardy http://lachstock.com.au/
CJ Gammon
http://www.cjgammon.com/
CJ's Snap Plugin:
https://github.com/cjgammon/GreenSock-JS/blob/master/src/uncompressed/plugins/SnapPlugin.js
 
CJ's original PR with example calling client code to the plugin:
https://github.com/greensock/GreenSock-JS/pull/79
 
 
Backbone Plugin Wiki Page:
https://github.com/jashkenas/backbone/wiki/Extensions,-Plugins,-Resources
 
Sketch SVG output tweet
 
Chris Coyier’s: A Compendium of SVG Information
 
Music Attributions:

 

Apr 7, 2015
Interview with Dmitry Baranovskiy author of Raphael & Snap.svg
 
Dmitri is the author of Raphaël, the most popular SVG library on the web with support back to IE6. Dmitry is also the author of Snap.svg, a newer successor to Raphael, designed for modern browsers, meaning it can support newer SVG features like masking, clipping, patterns, gradients, and more. Dmitry is currently a Senior Computer Scientist at Adobe. 
 
Show Links
http://dmitry.baranovskiy.com/
 
Dmitry’s Icon Set:
https://thenounproject.com/DmitryBaranovskiy/
 
https://instagram.com/p/0oXUUpGGwo/
 
Snap.svg
https://github.com/adobe-webplatform/Snap.svg
 
Bump to 0.4.0:
 
Raphael
http://raphaeljs.com/
 
Dmitry’s associate (friend?) Lachlan Hardy http://lachstock.com.au/
CJ Gammon
http://www.cjgammon.com/
 
Backbone Plugin Wiki Page:
https://github.com/jashkenas/backbone/wiki/Extensions,-Plugins,-Resources
 
Sketch SVG output tweet
 
Chris Coyier’s: A Compendium of SVG Information
 
Music Attributions:
 
1