S.R. Wild

Welcome to the Blog

I write about the things I do and whatnot. Contents may contain web design, graphic design, typography, type design, motorcycles, mopeds, and cats. Definitely cats.

CodePen: Variable Chunklet

Variable font sample with the words

To better understand variable fonts, I’ve been experimenting with making them and, for extra fun, animating them. The typeface I designed is called Chunklet. I love slab serifs and I wanted to make my own. It is a work in progress and may never be finished. It’s an exercise. When I started working on it it was a single weight. I soon realized it could be a variable font so I went for it. I’m still figuring things out but I’m learning.

I used Glyphs to make the typeface. I then converted the font file to base64 to plop it in the CSS so I didn’t have to upload it as an asset. Converting to base64 is easy, simply run base64 [inputfile] [outputfile].

Read more→

Sponsor Me on The DGR

Photo of me from behind in dapper clothes riding my Triumph Bonneville during the 2018 Distinguished Gentleman’s Ride. I edited the license plate to say “MAGPIE”. Photo by Obsedian Photography.

The Distinguished Gentlemen’s Ride is taking place worldwide on September 29th. I’m participating again this year in Burlington, VT. Last year I raised $333 thanks to some very fine people. Sponsoring me would make me very happy.

Read more→

Redesign 2019

I have been redesigning and redesigning this site for almost 10 years. I did many versions. I was so close to launching it a few times. I didn’t. I was never happy with it. The closest I got was putting a few versions on a staging site. Designing for yourself is hard.

Read more→

CodePen: End Credits

Move end credits on CodePen using flexbox and grid

I wanted to create something like the end credits of a movie for the colophon on this site. CodePen is great for sketching things out like that. It was a good exercise in flexbox and grid. Not to brag (maybe a bit), it was a Picked Pen on the CodePen front page. It’s encouraging when others see and like work I do. I’m a bit code shy, which is one of the reasons I got a CodePen Pro account: pens are private by default.

Read more→