Intro to SVGs with Brenda Storer

Published: May 19, 2016, 4:59 p.m.

b'SVGs aren\\u2019t just another image format. They are code. They are infinitely scalable. And they can be manipulated with CSS and JS to create both subtle and dramatic interface experiences. Designer and front-end dev Brenda Storer joins the show to give us a primer on scalable vector graphics, from how they are different from the familiar PNG, JPG and GIF, to browser support, to the underlying code elements and attributes. Brenda offers recommendations for optimizing SVGs and making them more accessible. She also details real world use cases (an alternative to icon fonts) and shares her favorite resources for learning and inspiration.\\n < Download MP3 >      < Listen on ctrlclickcast.com >\\n \\n Show Notes:\\n Girl Develop It Giant Robots The Bike Shed ShopTalk #151 Scalable Vector Graphics (SVG) 1.1 Can I use… A Complete Guide to SVG Fallbacks Emacs Entypo Font Awesome Icon System with SVG Sprites SVGO SVGOMG Iconic thoughtbot Hack Day project D3.js SMIL Sarah Drasner CodePen Chris Gannon CodePen CSSconf EU 2014 | Sara Soueidan: Styling and Animating Scalable Vector Graphics with CSS Pocket Guide to Writing SVG Snap.svg GreenSock\\t\\tLeave us a review on iTunes\\tReview our show on Stitcher\\n \\n \\n \\n Sponsored By'