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]
The first time Merle Rasmussen played Dungeons & Dragons, he thought it was a Halloween game.
“It was October 1975, and I was an 18-year-old freshman at Iowa State University. My roommate got this game filled with skeletons and undead monsters. I had no idea.” The role-playing bug had bitten him, but fantasy wasn’t his genre. So that same year, he started writing a game set in a modern world, the spy game that would become Top Secret.
Janelle Shane trained a recurrent neural network with a data-set of more than 2000 ancient proverbs and asked it to think up its own: “A fox smells it better than a fool’s for a day.”
Jeff writes, “7 years after ‘grassroots mapping’ the BP spill when journalists were denied access, the open source community Public Lab is back with an even more accessible Do-It-Yourself way to take aerial photos: the Mini Balloon and Kite Mapping Kits.”
Although flagship smartphones are unlikely to adopt heavy-duty outer casing anytime soon, you can always prepare your device for the outdoors with a beefy case and and an external battery like this Nomad Tile Trackable PowerPack, available in the Boing Boing Store for $119.95.The Nomad Tile can fully recharge an iPhone 7 over three times […]
Even though credit cards now feature an EMV chip for securing transactions, they still have to include the magnetic strip for compatibility with older point of sale systems. Because of this, there’s no way for the chip’s new security capabilities to protect against card skimmers in the wild.How do you protect yourself from legacy-technology-induced fraud? […]
As the old saying goes, “You should sit in meditation for 30 minutes every day. Unless you are too busy, in which case you should meditate for an hour.” Since most of us have an endless list of things to do and people to see, carving out quiet time can feel impossible, especially when most […]