Just discovered the Texture.js library for creating SVG patterns. Seems nifty and wanted to remind myself to try it out for something later on.

Early last year I completely dropped spriting in Compass for icon fonts, but about a month after using icon fonts I discovered how much better and convenient SVGs can be. Now I use them exclusively and enthusiastically. This is just a brief rundown of how I utilize SVG into my workflow using Grunt and grunt-svgstore to build SVG sprites.

Recently, I was attempting to use an SVG as a background image that I had intended to fill background completely, even if it meant stretching and changing the aspect ratio of the SVG. Turned out that was trickier than I'd anticipated, and I had to figure out which attributes needed to be changed in my SVG to make it happen. So, if you ever need an SVG to scale non-uniformly, here's how.