03.24.2015 - By Rob Levin: UI/UX Developer & Unicorn-UI Blogger
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/