The Immersion Podcast

Interview: Chris-Coyier-P1

03.24.2015 - By Rob Levin: UI/UX Developer & Unicorn-UI BloggerPlay

Download our free app to listen on your phone

Download on the App StoreGet it on Google Play

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

https://github.com/postcss/autoprefixer

 

Grunticon & Grumpicon

http://www.grunticon.com/

http://www.grumpicon.com/

 

Chris’s UI Patterns Pen

http://codepen.io/patterns

 

SVG Filter Support Detection

https://github.com/Modernizr/Modernizr/blob/master/feature-detects/svg/filters.js

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:

Loop Freesky–dEbE–http://www.freesound.org/people/bebeto/sounds/554/

frankum-http://www.freesound.org/people/frankum/sounds/237581/ (adapted with vocals by Nico Dotti)

notembug-Epic Tribal Drums–http://www.freesound.org/people/notembug/sounds/264284/

 

More episodes from The Immersion Podcast