Marcin Wichary is a designer at Medium who took on the challenge of creating a considered, fine-tuned underline for the links on the site. In contrast to the normal "data-driven" design story, which is often a series of A/B tests that nudge things around by a pixel or two for weeks until they attain some counterintuitive optimum, this is a story about someone who had an intuitive, artistic, aesthetic goal and spent a bunch of time getting HTML to behave in a way that was consistent across different browsers, screen resolutions, and so forth.
I have to say that the actual underlines that Medium came up with don't seem to me to be more or less appealing than the default (the GIF above is displaying a before-and-after and I still can't tell which is which without referring to the article), but I really enjoy stories about people who know what aesthetic effect they want to achieve and are willing to move heaven and earth to achieve it.
I carried on, adding more and more complexity and magic numbers to my suggested change. And this is where the code reviewers started asking the truly hard and important questions: Is this too complicated? Will this make the CSS too heavy? How would we maintain it? What happens if this fails?
And so, during the following weeks, I worked on:
coming up with formulas rather than arbitrary values — in the event of changing the fonts or font sizes in the future, adjusting the underline positions would be much easier and faster,
limiting the browsers we use so that in the case of failure, the reader could see the default browser underlines (rather than not seeing them at all!),
simplifying the code so that while we might not get the perfect underlines, we could save both the bytes and future maintenance costs.
Crafting link underlines on Medium [Marcin Wichary/Medium]
Red Lava Toys is a Detroit-based startup that make super cool, low-cost custom Minecraft figs at a local makerspace: they CNC-milled their own injection molds for the body and joints, and have precision die-cut vinyl stickers that they print to order with long-lasting ink and cover with a clear adhesive coat, then place them on […]
My UK publisher, Head of Zeus, has published the official tour schedule for the British tour for Walkaway, with stops in Oxford (with Tim Harford), London (with Laurie Penny), Liverpool (with Chris Pak), Birmingham, and the Hay Literary Festival (with Dr Adam Rutherford). Hope to see you there!
My publicist just found an extra box of the cool promotional Walkaway multitools, and she’s generously offered to give them to the next 100 people to reserve tickets to the May 7th Walkaway event at Chicago’s Royal George Theater, where I’m presenting with CARDS AGAINST HUMANITY creator Max Temkin (current ticket-holders, don’t worry, you get […]
Bamboo has lots of uses beyond just being panda food. Things like bikes, roads, scaffolding, and musical instruments are made from the fast-growing grass. But unless you are participating in a tropical-themed LARP, you probably wouldn’t want a shirt made from bamboo stalks. So why do bamboo bed sheets make any sense? Because yarn extracted from […]
If you want to work in tech, but don’t have any desire to code web apps to help businesses sell things to other business, you might want to consider a career in cybersecurity. Judging from the apparent complete infiltration of Russian hackers in American cyberspace, it seems fair to speculate that there’s a major shortage of […]
All moms are different. But all moms like getting flowers on Mother’s Day, and that’s a fact (not, however a fact we can document in any fashion.) Instead of getting chewed out for forgetting to call her on the second Sunday of May, you can take care of it ahead of time with Teleflora’s flower […]