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/