Welcome to the blog!

This came up recently on a project I've been helping out with. The client was migrating from a custom CMS to Sanity and they wanted more UI options for adding array references in Sanity Studio. In most cases, the generic array UI worked fine, but there were a few exceptions (tagging, notably) where something more streamlined and closer to their old tools was preferable.

Luckily, it’s totally possible to Frankenstein together a kind of multi-select (or autocomplete or combobox or whatever you want to call it) using existing Sanity UI components. There are some tradeoffs and the result doesn’t exactly match other popular component libraries (the selections are below the input, selections in the dropdown are disabled instead of removed, etc.) but I think it's pretty close:

I'll be going through the steps for creating the component below, so if you only want the code, skip to this Gist. Note, this was created for Sanity Studio version 3.14.5 and has also been tested with version 3.89.0.

Back when I released the font Herbaceous Border, I had an idea about trying commercial only releases but I gave it up pretty quick. After I changed my mind, I forgot to go back and add personal packages to any fonts from that time so I'm doing it now.

Herbaceous Border is now available free for personal use! Download it here and give it a whirl.

I also made some small updates to the commercial version to improve the kerning and leading.

Some links below are affiliate links, meaning I’ll earn a small commission (at no cost to you) if you decide to click through and make a purchase.

Coding

I just finished moving the source code for two components (react-inner-image-zoom and vue-inner-image-zoom by) into a monorepo. The goals were to simplify code sharing, centralize GitHub notifications, and eventually add support for new frameworks. A few observations from the process so far:

• webpack-dev-server is a very effective tool for creating development sandboxes for multiple frameworks when you don’t need a full web app.
• The release-it package has cured a lot of my publishing anxiety. I’m always worried about bumping packages accidentally or messing up tags and the dry run functionality really offers peace of mind. My monorepo needs are pretty specific so I’m using it on the command line instead of with a CI/CD but I’ll probably try to figure out a better integration later.
• If you, like me, use nvm to manage Node versions and want to use npm link to test a new package, make sure that both the package and test project are using the same Node version. Also, if you’re testing that a package installs correctly, it’s not a bad idea to delete node_modules and add a console.log just to be sure. And if that fails, this is a helpful Medium article on how to temporarily rollback and NPM package.
• This is awesome: BrowserStack offers free access to test open source projects and I’ve found it invaluable for QA on Microsoft Edge and Android devices. Plus, the application process is quick and easy.

Like most normal people, sometimes I’ll see an animation on TV or in a game and wonder if it could be re-created in CSS. Over at CodePen, I’m giving the some segments from the Severance season finale credits a try. I only have the desks animation so far but I think the elevator and some of the abstract line art could also be possible. I’ll probably do a full post if I finish those. In the meantime, check out this YouTube video for the source inspiration.

Design & Fonts

Got out at the L train Grand St stop for the first time since the pandemic and the mosaics there are fantastic. “Gratitudes off Grand” by artist Glendalys Medina is colorful and abstract and generally made me happy walking by.

Photo by Osheen Harruthoonyan from the MTA website

My font recommendation last month was Beauty Glitch by 177Studio. I love the distortion effect here to make the font look glitch-y. It can be downloaded for personal use at FontSpace or purchased on Creative Fabrica.

I also spent some time reading up on the fonts in Severance on the Severance Wiki Typography in Severance article and on Fonts in Use.

Books

Revisiting a few books I read last year since our reality now includes things like presidential memecoin rug pulls and cryptocurrency reserve quid pro quos propping up scams.

Easy Money: Cryptocurrency, Casino Capitalism, and the Golden Age of Fraud by Ben McKenzie and Jacob Silverman. Had to pick this up as a huge fan of both the OC and Gotham. It’s informative and well-researched but also super readable with an interesting side narrative around moving into journalism as an actor.

Number Go Up: Inside Crypto's Wild Rise and Staggering Fall by Zeke Faux. This book hits a little harder. It covers a lot of ground, you get an overview of various scams and shady characters, the rise and fall of Sam Bankman-Fried, and a lot of silly jargon. But what sets it apart is the deep dive into real world consequences in places like El Salvador, the Philippines, and (especially) Cambodia.

The Great Beanie Baby Bubble: Mass Delusion and the Dark Side of Cute by Zac Bissonnette. This book, along with Dan Olson’s classic video Line Goes Up – The Problem with NFTs, is all you really need to understand the NFT craze.

Podcasts

As a supportive spouse with no preexisting connection to any sports team, I’ve become a Mets fan out of household solidarity. And now I’m also a fan of Hits Different, New York’s only anti-math baseball podcast. What makes this the best sports podcast? The first episode of the season just came out and it opens with a discussion of the film Uptown Girls. The Mets are mentioned once in the first nine minutes and that’s while discussing the Olsen twins vehicle New York Minute.

This was reposted from my newsletter on Beehiiv. To get next month's by email, sign up below.

It's been a while but I finally published an update to the Vue Inner Image Zoom package. Version 3.0.0 adds an imgAttributes prop and removes srcSet, sizes, alt, and title since those are all image attributes. I also added type definitions and a CHANGELOG.

In addition, I released a Vanilla JS package called Inner Image Zoom with the same functionality but framework agnostic. A new demo site for Vue and Vanilla JS is up here. This is all part of a larger migration to get all versions into one monorepo so it's easier for me to keep track of and to share utilities. The next step is to move over React Inner Image Zoom and then maybe branch out to other frameworks like Angular or Svelte.

If you run into any issues, please let me know.

Fonts & Design

This section features affiliate links, meaning I’ll earn a small commission (at no cost to you) if you decide to click through and make a purchase.

I mentioned last time that I was looking forward to the Zoom lecture Design Pioneers: African American Graphic Designers You Should Know (recording at link) and it was great. I’m a hobbyist when it comes to graphic design so my historical knowledge is pretty basic and all the information was new to me. Since I’m a sucker for all things vintage, my favorites were Georg Olden, Thomas Miller, and Emmet McBain and I’m hoping to do deeper dives in the future.

Tried out one new tool, WhoCanUse, a site that shows how different colors may be perceived by users with visual impairments.

In font related news, I finally released something new! Tuper Super is a playful font made up of hand-drawn shapes with diagonal shading in the overlaps. Try it free for personal use or commercially for $15.

Recommended Independent by Lemon Studio Type. This geometric font has a sci-fi movie title card feel and can be downloaded for personal use at dafont or purchased for commercial use at Creative Market.

And read a really fascinating essay. The hardest working font in Manhattan by Marcin Wichary came out on Valentine’s Day which feels appropriate since it’s basically a love letter to a typeface. A long read full of gorgeous photographs and diagrams, it traces the history of Gorton across centuries and once you read it, you’ll see Gorton everywhere. As a side note, I want a Leroy lettering set so bad.

Books

Picked up Character Limit: How Elon Musk Destroyed Twitter by Kate Conger and Ryan Mac and couldn’t put it down. This book is essential reading if you want to understand how DOGE (not a real department) is currently destroying the US government. It’s not just the same incompetence, malice, and egomania, they’re using the exact same tactics as well. At some points the cringe is hard to handle; there are meeting scenes that feel more uncomfortable than the UK Office. All in all, it’s a real page turner even if you don’t usually gravitate towards business books.

No Elon Musk low in Character Limit surprised me too much because I’d already read its spiritual predecessor Ludicrous: The Unvarnished Story of Tesla Motors by Edward Niedermeyer. If you’ve ever suspected that Tesla is a monorail and Elon Musk is con artist Lyle Lanley from the Simpsons pumping a meme stock, this well-researched book will confirm your wildest misgivings. If I ran a bookstore, these two would be on an end cap together.

Podcasts

Tangentially podcast related, as a fan of Mystery AI Hype Theater 3000, I signed up for the virtual event The Great Chatbot Debate with co-host Emily Bender on March 25th. Should be interesting.

Otherwise, I’ll be honest, the only new podcasts I added to the mix last month were recapping the reality TV show The Traitors. But if you’re a fan, Rob Has a Podcast and First to Breakfast are both good.

This was reposted from my newsletter on Beehiiv. To get next month's by email, sign up below.

And you can try it for free for personal use. Tuper Super is a playful, hand-drawn font made up of geometric shapes with diagonal shading in the overlap.

The name comes from a Taskmaster line and I'm sticking with it even though even I can't keep the order of the words straight.

Download it here and if you notice any issues or have trouble installing, please contact me.