Blog, page 7

Adrian Roselli:

Underlines, the standard, built-in signifier of hyperlinks, the core feature of the web, are beautiful.

This is objectively true. They are aesthetically one of the most delightful visual design elements ever created.

They represent the ideal of a democratized information system. They are a frail monument to the worldwide reach of ideas and discourse. They are proof of our ascension from trees and swamps, a testament to our species’ intelligence, and a witness to our inevitable downfall.

❤️

Adrian Roselli:

Once major browsers started supporting <details> & <summary> developers immediately started to play with them to see what sorts of patterns they could enhance or replace. This is a good thing. Experimentation pushes boundaries, improves understanding.

However, we need to be careful of christening this new-to-us interaction as the solution to all our coding struggles.

In this 2019 GDC session, Subset Games co-foudner Matthew Davis details the Into the Breach design process from early drafts to the final balancing decisions. Davis dives into years of cut content and iteration to show how Subset Games approached the difficult design challenges of making Into the Breach.

John Gruber:

These companies are trying to usurp the word podcast for one simple reason: people love podcasts. What I think and hope they are missing is that part of what people love about podcasts is the openness. It’s one of the last remaining areas of the internet that works exactly as the internet was intended to work.

Brent Simmons:

In a way, it feels like iOS devices are rented, not owned. This is not a criticism: I’m totally fine with that. It’s appropriate for something so very mass-market and so very much built for a networked world.

But what about Macs?

Macs carry the flame for the revolution. They’re the computers we own, right? They’re the astounding, powerful machines that we get to master.

Except that lately, it feels more and more like we’re just renting Macs too, and they’re really Apple’s machines, not ours.

Zeynep Tufekci:

Deep down, behind every “people like you” recommendation is a computational method for distilling stereotypes through data. Even when these methods work, they can help entrench the stereotypes they’re mobilizing. They might easily recommend books about coding to boys and books about fashion to girls, simply by tracking the next most likely click. Of course, that creates a feedback cycle: If you keep being shown coding books, you’re probably more likely to eventually check one out.

On the 30th anniversary of its release, Marques Brownlee unboxes and explores how the Game Boy came to be, it’s impact on society, and why it’s leaving us feeling so nostalgic.

Casey Johnston’s butterfly keyboard saga continues:

I dread the Overton window shift that Apple now appears to be attempting to push, which is that its customers and their crumbs and dust and bad habits are to blame, and should bend themselves around the “sensitive” keyboard, keep canned air (not supplied by Apple itself) on hand at all times, as if this is a problem we’ve always had, and not one Apple singlehandedly created with a nearsighted design.

My 2014 MacBook Pro is still going strong, thankfully. (Knock on wood.)

Craig Mod:

At 23 I was obsessed with minimizing recurring costs of living. They felt like poison to me.

Obsessing over minimized cost of living has a light-touch hint of Thoreau to it: the calculating, the measuring, the valuing of time.

“House: $28.12 ½; Farm one year: $14.72 ½ …” and on and on Thoreau wrote in Walden. “The cost of a thing is the amount of what I will call life which is required to be exchanged for it, immediate or in the long run.”

Cal Newport’s Digital Minimalism devotes a chapter to Thoreau. My favorite quote though is from Frédéric Gros on Thoreau’s processes: “[Thoreau] says: keep calculating, keep weighing. What exactly do I gain or lose?”

Brian Crecente talks to Rami Ismail about why traditional game development is broken on iOS:

“I’m here to make video games,” he said. “I’m not here to fix somebody else’s problems. Our users? Absolutely. If they have a bug and it’s our fault, we’ll fix it. But having made a game in 2013 and then the platform going, ‘It’s broken now,’ That would be like if somebody went and updated like the internet and now all text is right to left. That’s how it feels to me. It’s like we made a game, so now we’re getting punished for it.”

Apple has created a very inviting — but ultimately hostile — platform for games. There’s no malice there, they just don’t care about legacy software as much as they care about pushing things forward.

Video games have historically been extremely well preserved, yet some older iOS games seem to be gone forever. This ephemerality is unprecedented; it’s not just bad for game developers, it really feels like a big part of gaming history is being erased.

Patrick Thornton:

The Galaxy Fold is the kind of device that a random user might think is interesting in the abstract. It’s a phone. It’s a tablet. It folds in half!

But good product design is not about letting your users design your products for you — it’s about solving users problems and making their lives better.

Robin Rendle:

Anyway, I asked Lindsay that question: what is it about web design that makes it so difficult to understand? She posited that the issue is that most people believe web design is like designing a book. Heck, we still call these things web pages. But Lindsay argued that building a modern website is nothing like designing a book; it’s more like designing a car.

Tobias Ahlin:

On the surface it seems fairly easy to create a masonry layout with flexbox; all you need to do is set flex-flow to column wrap` and voilà, you have a masonry layout. Sort of. The problem with this approach is that it produces a grid with a seemingly shuffled and obscure order. Items will be (unbeknownst to the user) rendered from top to bottom and someone parsing the grid from left to right will read the boxes in a somewhat arbitrary order, for example 1, 3, 6, 2, 4, 7, 8, 5, and so on so forth.

Flexbox has no easy way of rendering items with a column layout while using a row order, but we can build a masonry layout with CSS only—no JavaScript needed—by using :nth-child() and the order property.

This is very clever — an actually helpful use of order that helps visual order more accurately follow source order.

But there’s a catch: it requires a fixed height for the container — and it needs to be a magic number that’s taller than the tallest column. That unfortunately makes it not super resilient to content changes, limiting its usefulness.

Richard Rutter:

There is more to setting hyphenation than just turning on the hyphens. The CSS Text Module Level 4 has introduced the same kind of hyphenation controls provided in layout software (eg. InDesign) and some word processors (including Word). These controls provide different ways to define how much hyphenation occurs through your text.

This is great news. I’ve always avoided CSS hyphenation because of how aggressive the algorithms are. Using these new properties in concert with @supports we can get well-controlled hyphenation as a progressive enhancement while avoiding the half-baked hyper-hyphenated middle ground we’ve had so far.

Mat Marquis:

It could seem like an enticing option for our users, at first glance: an enhanced, fully-featured website, on the one hand, a fully accessible alternative experience on the other. That unravels with even the slightest examination, though: if the fully-featured website isn’t accessible, the accessible website won’t be fully featured. By choosing to have the “accessible experience” deviate from the “real website,” we end up drawing a sharper line between those two definitions, and we nudge the “accessible experience” closer to an afterthought—limited and frustratingly out-of-sync with the “real” website, like so many dedicated mobile sites quickly became.

Jeremy Keith:

Where it gets interesting is when a technology that’s designed for developer convenience is made out of the very materials being delivered to users. For example, a CSS framework like Bootstrap is made of CSS. That’s different to a tool like Sass which outputs CSS. Whether or not a developer chooses to use Sass is irrelevant to the user—the final output will be CSS either way. But if a developer chooses to use a CSS framework, that decision has a direct impact on the user experience. The user must download the framework in order for the developer to get the benefit.

So whereas Sass sits at the back of the front end—where I don’t care what you use—Bootstrap sits at the front of the front end. For tools like that, I don’t think saying “use whatever works for you” is good enough. It’s got to be weighed against the cost to the user.