I've convinced myself that if I keep bookmarking links about SVGs, I’ll become an expert at them through some magical bookmark-to-brain osmosis. Spoiler alert: that is not the case. SVGs, to me, feel a bit intimidating, mostly because they’re still new to me and they’re extremely powerful/practical/awesome. I found myself occasionally checking (the newly redesigned) CanIUse for support numbers, and the green cells were another reminder that I need to push myself to get with the SVG program.
Then, this morning, I was reminded of my failures in SVG-osmosis when I saw Chris tweeting some of his resources on the mystical image format. In an attempt to hold myself accountable and procrastinate just one last time, I thought I’d share the plethora of links I’ve been hoarding for months on end.
- Daniel Mall’s SVG Workflow for Designers: (I’ve been hoarding this one for over a year now!)
- CSS-Tricks’ Cagematch: Inline SVG vs Icon Fonts : Learned quite a bit from this on SVGs and type.
- CSS-Tricks’ SVG Fallbacks: Because let’s consider the big picture and move towards a more responsible web.
- Creative Droplet’s Export SVG for the Web with Illustrator CC: For the CC crowd.
- Slides from Todd Parker’s Artifact Austin Leaving Pixels Behind: A Vector Workflow for Designers talk : A great talk that I saw earlier this year.
- Searching for SVGs on CodePen : The best way to learn is dissect and tinker.
- CSS-Tricks’ mega-list called A Compendium of SVG Information : The big Kahuna of SVG info.
- Smashing Magazine’s Rethinking responsive SVGs : Keepin’ things responsive. This could lead to fun stuff.
So, here’s to learning more about SVGs!
Update (11am CST): My friend, Jason Weaver, shared a few more awesome links with me:
- This awesome Kickstarter campaign for a Pocket Guide for Writing SVGS
- SVGjs Lightweight SVG party!
- Jason’s collection of SVG experiments (Check out the Hulk one)