Espresso, the “Web Editor” for Mac
My code editor of choice has been with me since my Squarespace days. The Squarespace Developer Platform allowed either Git or SFTP methods for making changes to Developer Platform sites. Because I was—and in a lot of ways still am—a Git newbie, I chose SFTP instead. At the time, I wasn’t sure what that even meant, so I went to YouTube for clues. I stumbled upon this video, in which the author explained how to use the Developer Platform via SFTP using Espresso, a Mac application by MacRabbit.
And what is especially nice about Espresso is their default custom font, Espresso Mono. That font features well thought-out character choices. For instance, in most monospace fonts, the capital “O” character is easily mistaken for the number “0”. Espresso Mono has this taken care of:
In the Spirit of Espresso Mono Comes Hack
Why am I writing about an infrequently-updated “web-editor?” Because of its aforementioned typeface, Espresso Mono. I wish Espresso Mono was available as a webfont. Web designers have plenty of font foundries to go to for great webfonts. But this isn’t the case for monospace fonts—fonts most web designers use for source code.
Here’s what Mattise had to say about Hack:
The days of coders being shackled to Monaco or Courier New ends now. At SourceFoundry.org this week, programmer Chris Simpkins debuted the 2.0 version of
Hack, an open-source typeface designed specifically for use in source code. Hack is characterized by a large x-height, wide aperture, and low contrast design in order to be “highly legible” at common coding text sizes. Its “sweet spot runs in the 8px-12px range on modern desktop and laptop monitors,” Simpkins writes on GitHub. “Combine it with an HD monitor and you can comfortably work at 6 or 7px sizes.” As seen in the image above, there’s a heavier semi-bold weight in the regular font, and strategic serifs eliminate large gaps on each side of narrow characters. As Simpkins notes on the SourceFoundry site, this helps to distinguish glyphs like the lowercase l and number 1 at small text sizes [emphasis added].
(Not to mention the “0” and “O” characters.)
After visiting the GitHub page, I immediately found the CDN link and added that to my website’s
I also called for Hack via