The first three days of this year were still winter break and I certainly didn’t want to interrupt my lounging so here’s a first Monday of the month font rec.
That background image may be getting to me but Jagiq by twinletter is a hand drawn, kind of noodle-y feeling font. The family includes two versions but I definitely prefer the “Awesome” option (I mean, it’s right there in the name). You can try it free for personal use only.
Download at Font Space.
In all the excitement* of the election season, I haven’t spent nearly enough time downloading and sharing fonts. Hello Farmer by Nurf Designs is a handwritten, casual number and it’s free for personal use.
Download at Font Space.
* overwhelming, all-consuming stress
Since Halloween is coming up, check out out this super spooky podcast. It’s perfect for cowards like me who can’t handle most horror movies but still feel compelled to read the Wikipedia plot summaries.
If you find yourself needing a slightly different version of a font, don’t hesitate to ask! A user email years ago is how Horseshoes entered the Horseshoes & Lemonade family and a recent request lead to Roundabout Fill Full (the name is a little clunky but Fill was already taken).
While I was creating the new option, I also made some kerning improvements across the family so download (or re-download) the whole package here.
Apologies for the title. It’s groan worthy and, I assume, has been done many times before but once it was in my head I couldn’t get it out. As penance, please accept the Vue Inner Image Zoom open source component.
I spend most of my time writing React so I thought it might be fun to give Vue.js a try. As a starter project, I decided to rewrite the React Inner Image Zoom component and accompanying demo pages using Vue. All of the functionality is the same, zoom with drag to explore on mobile and dragging or hover panning on desktop. Optional fullscreen on mobile and responsive image support. Since Vue isn’t my first language, if you use it and notice any egregious best practices missteps please let me know.
Installation details are available at NPM or Github. Demos are here.
And if you’re wondering what I thought of Vue, here are a few observations:
Really loving the font Potra by Alejo Bergmann of Rostype. It feels very clean and futuristic and it’s free for personal and commercial use (donations accepted at the Rostype website).
Download at dafont.
Make organic SVG shapes for your next design. Modify the complexity, contrast, and color, to generate unique SVG blobs every time....
This is a very cool tool for generating organic looking SVG shapes and I wish I’d known about it before making the blobs for this site from scratch like a sucker.
Finally getting things done during the quarantine.
Sacremende is a new slighty messy, slightly retro font inspired by old surf rock posters. It comes in regular and distressed varieties (this is my first attempt at a textured font) and you can try it out free for personal use.
Download it here.
I don’t know about everybody else but my productivity technique during the coronavirus lockdown has been to start a ton of projects, get antsy in the middle, and then abandon them for something new. And also, despite a very low bar, to somehow post on here even less than before.
Now that we’re somewhere between five months and five years into this (time has no meaning anymore), it feels like maybe I should try following through on some of this stuff. As a small step in that direction, I just published an update to my react-inner-image-zoom package.
Version 1.1.1 includes a new drag option for moving zoomed images on non-touch devices (based on a user request!) plus minor styling and dependency updates. The demo and code example are here.
Hopefully checking one item off my list will get me moving on my other half-finished odds and ends.
