Info

The Immersion Podcast

The Immersion podcast is a podcast that features Rob Levin and Petr Tichy. We discuss all sorts of web related themes from design and illustration to front end development.
RSS Feed Subscribe in Apple Podcasts
2017
December
November
October


2016
August
April
February


2015
December
November
October
August
July
June
May
April
March


All Episodes
Archives
Now displaying: April, 2015
Interview: Ryan Brownhill
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//svg-animation-d7d5486103bb
 
 
 
Music Attributions:
SVG Transformations
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
 
Spec
http://www.w3.org/TR/SVG/coords.html#TransformAttribute
 
Music Attributions:
 
Interview: Sarah Drasner P2
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/
 
 
Codepen GSAP/SVG Talk: http://slides.com/sdrasner/gsap-svg#/13
 
Sarah’s Contact Form Pen: http://codepen.io/sdras/pen/LEorev
 
Sime Vidas' Web Platform Daily: 
 
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:
Interview: Sarah Drasner P1
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
 
 
Codepen GSAP/SVG Talk: http://slides.com/sdrasner/gsap-svg#/13
 
Sarah’s Contact Form Pen: http://codepen.io/sdras/pen/LEorev
 
Sime Vidas' Web Platform Daily: 
 
Sara Soueidan: SaraSoueidan.com
 
Html5 Weekly: http://html5weekly.com/
 
 
JavaScript Weekly: http://javascriptweekly.com/
 
Web Operations Weekly: http://webopsweekly.com/
 
Music Attributions:
Interview: Dmitry Baranovskiy P2
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:
 
 
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:

 

Interview: Dmitry Baranovskiy P1
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:
 
 
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
©© 2015 Rob Levin, All Rights Reserved.