I spoke about SVGs at WordCamp Vancouver 2016. Here are the relevant links:
Reading stuff:
- Lynda.com – Web Icons with SVG
- A Book Apart – Practical SVG by Chris Coyier
- Sara Soueidan – Various articles on SVG (read all of them)
- Accessible SVGs
Tool stuff:
- SVGO – command line SVG optimizer)
- SVGOMG – web-based GUI for SVGO
- Grunticon – command line tool to generate SVG icons
- Grumpicon – web-based GUI for Grunticon
- SVG Injector – dynamically inject SVGs in HTML with PNG fallbacks
- SVG4Everybody – dynamically inject SVGs from external spritemaps and <symbol> elements in HTML with PNG fallbacks
3 replies on “SVG at #WPYVR”
There’s another approach to using SVG with fallback that is quite nice: the HTML5 element. Sara Soueidan has an article that describes the process: https://sarasoueidan.com/blog/svg-picture/
This does require a polyfill for older browsers (plus all versions IE), but it is less complicated than most techniques.
sorry, stripped out the element I was referencing: <picture>
L hi this is easy sometimes if I had a province of spelling but trying to make it worth our time to say something this thing to help me I would just like to have a computer with just this with me all the time to think it dude I get a lot of bill it says this is a doctor that day we crest for me to sign it in to tell them what’s going on and it’s not that easy for me just to write down what they want me to ask her to send it back to them most of the time do want me to get an auto auto fill the place