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
November
October


2016
August
April
February


2015
December
November
October
August
July
June
May
April
March


All Episodes
Archives
Now displaying: Page 1
Mar 24, 2015

In this two-part'er, we talk w/Chris about SVGs, icon systems, the tech considerations we need to keep in mind when using SVG Icons, Grunticon, Grumpicon, svg4everybody, grunt-svgstore, and Chris's SVG Is For Everybody prez and his SVG course at The Lodge.

 

Resources discussed:

Autoprefixer
 
Grunticon & Grumpicon
 
Chris’s UI Patterns Pen
 
SVG Filter Support Detection
http://stackoverflow.com/questions/9739955/feature-detecting-support-for-svg-filters
 
Chris’d SVG Course
https://css-tricks.com/lodge/svg/table-of-contents/
 
SVG Is For Everybody Presentation
https://css-tricks.com/video-screencasts/137-svg-is-for-everybody/ (the 2014 version)
 
Rob’s Article on css-tricks.com on getting inline SVGs in to production:
https://css-tricks.com/gotchas-on-getting-svg-into-production/
 
https://css-tricks.com/mega-list-svg-information/
 
You Don’t Know SVG–Dmitry Baranovskiy
https://www.youtube.com/watch?v=SeLOt_BRAqc
https://github.com/FWeinb/grunt-svgstore
 
Lucas Bebber Article–Rob sort of misinterpreted article asking about what feature detection techniques was Lucas alluding to, but, what Lucas actually mentioned in the article, was that you may need to use vendor prefixes for the filter property…anyway, here’s the article:
https://css-tricks.com/gooey-effect/
 
SVG Essentials 2nd Edition (no affiliate) 
http://shop.oreilly.com/product/0636920032335.do
 
More Resources Discussed
https://github.com/jonathantneal/svg4everybody
https://github.com/FWeinb/grunt-svgstore 
https://github.com/iconic/SVGInjector
 

Rob's SVG Playground:

http://unicorn-ui.com/demo/svg.html 

Music Attributions:

Read more at http://svgimmersion.com/#ij8CwBU3mfP3ztr5.99