Remix Icon - Open source icon library
I love how easy it is to use these icons: you can copy and paste the SVG or even get it encoded as a data URL.
Swipey image grids.
This is how you write up a technique! Cassie takes an SVG pattern she used on the Clearleft “services” page and explains it in step-by-step detail, complete with explanatory animated diagrams.
Related links
SVG Artista
A handy tool for tweaking the animations in your SVGs.
Smashing TV — Webinars and Live Sessions — Smashing Magazine
Don’t miss this—a masterclass in SVG animation with Cassie (I refuse to use the W word). Mark your calendar: August 20th.
Inline an SVG file in HTML, declaratively & asynchronously!
Woah! This is one smart hack!
Scott has figured out a way to get all the benefits of pointing to an external SVG file …that then gets embedded. This means you can get all the styling and scripting benefits that only apply to embedded SVGs (like using fill).
The fallback is very graceful indeed: you still get the SVG (just not embedded).
Now imagine using this technique for chunks of HTML too …transclusion, baby!
Making single color SVG icons work in dark mode
Another good reason to use the currentColor value in SVGs.
Related posts
Making the Patterns Day website
The joy of getting hands-on with HTML and CSS.
Inlining SVG background images in CSS with custom properties
A clever technique I learned from Trys.
Animating
A few examples of animation on the web.
Sparklining
Pimping my home page at Indie Web Camp Nuremberg.
Building the dConstruct 2015 site
Hats off to Graham.