J Scott Smith


Tagged with:

Notes - May 1st, 2015

Creating SVG Patterns with Javascript

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.

Read Note

Articles - January 22nd, 2015

Drop Sprites or Icon Fonts and Just Use SVG

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.

Read Article

Articles - August 21st, 2014

Creating a responsive SVG with no aspect ratio

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.

Read Article

All Tags