The 2024 Kottke Redesign →

Jason Kottke:

The last time I redesigned the site, a guy named Barack Obama was still President. Since then, I’ve launched the membership program, integrated the Quick Links more fully into the mix, (more recently) opened comments for members, and tweaked about a million different things about how the site works and looks. But it was overdue for a full overhaul to better accommodate all of those incremental changes and, more importantly, to provide a solid design platform for where the site is headed. Also, I was just getting tired of the old design.

I’ve been reading Kottke.org basically forever, and I have loved every design the site has used over the years, including this one.

All Hail the Worm →

Kenneth Chang has a wonderful piece for The New York Times walking through the history and usage of NASA’s iconic logo:

Last month, NASA welcomed Richard Danne to its headquarters in Washington to celebrate work he had done nearly half a century ago.

Mr. Danne never studied the stars. He never built a rocket.

But he and his design partner, Bruce Blackburn, came up with one of the most recognizable elements of the space agency: the logo known as the “worm,” with the acronym N-A-S-A spelled out in bold, sinewy, orange-red letterforms.

Come for the design history; stay for the amazing photos:

NASA Vision Pro

Kbase Article of the Week: Apple Style Guide →

Apple:

The Apple Style Guide provides editorial guidelines for text in Apple instructional materials, technical documentation, reference information, training programs, and user interfaces. The intent of these guidelines is to help maintain a consistent voice in Apple materials.

Writers, editors, and developers can use this document as a guide to writing style, usage, and Apple product terminology. Writers and editors should thoroughly review the guide to become familiar with the range of issues involved in creating high-quality, readable, and consistent materials. Apple developers and third-party developers should follow these guidelines for user-facing text.

Yes, I did download the PDF for archival in my DEVONthink database.

Generative AI Fill in Photoshop Feels Like Magic

A few years ago, I took a Halloween photo that I really like. It’s of my wife Merri, dressed as a hot dog:

Hot dog Merri

I recently wanted to use it as a wallpaper on my iPhone, but its landscape nature didn’t really play nicely with the modern lock screen.1 Then I remembered that Photoshop has a bunch of AI tools, and after some tinkering with its generative fill feature, I had something that worked pretty well:

Hot dog Merri wallpaper

The work isn’t perfect, and if you pixel peep things get a little weird in the new tree line, but given the fact that all of that is out of focus thanks to the original photo, I’m pretty happy with it.

She’s going to kill me when she sees this on the Internet.


  1. After he saw this post, Myke Hurley texted me saying that this would be a great feature for Apple to add the lock screen configurator tools in iOS. He’s totally right about that. 

The History of Cover Flow

Over the last decade or so, Apple has been hard at work in simplifying the user interfaces that power its myriad platforms. I’ve welcomed most of that work, but it’s hard to deny that we’ve all lost some things along the way.

Today, we look at a UI element that started life in iTunes, but spread to the iPod, iPhone and Mac over time: Cover Flow.

Cover Flow’s Early Days

We’ll get to that in a moment, but first we should recognize Andrew Coulter Enright, the inventor of Cover Flow. In December 2004, he published a blog post proposing a new way to skim media in iTunes:

Like paper cards flipping within a bar jukebox, I pictured each cover flipping in and out of the illuminated center position, revealing the subsequent album/song as the user browsed through the current library. The faster you scrolled, the faster the covers would shuffle in and out of the spotlight.

Enright went on to talk about why such an interface was important to him:

Like LPs in a bin, you could see which records you had just passed and which ones you’d get to in a minute. You could flip past lousy records the second you recognized that tell-tale graphic element on the edge of the sleeve.

Like LPs in a bin, cover art displayed within an interface like this feels far more like a “real” object than identical cover art displayed as a flat graphic (the way iTunes does currently).

In other words, the cover image isn’t a feature of the album/song, the image is the album/song and consequently the cover is the music. It becomes a true signifier as opposed to a decoration. Music and its consumption by humanity haven’t always been just about the waveform. Let’s restore some of the elements that were created both to satisfy our non-aural senses, and to be signifiers for Music itself.

The images in the blog post are shockingly close to what the feature would become when Mac developer Jonathan del Strother implemented it in an app called “CoverFlow” that let users flip through their non-iTunes MP3 collections in a much more visual way than scrolling folders in Finder. Here is how it was pitched:

Don’t know about you, but I find browsing a list of album names somewhat uninspiring, to say the least. One of the big attractions of a physical album is the beautiful packaging and aesthetic appeal, something that’s sorely missed with the digital equivalent.

CoverFlow aims to bring that aesthetic appeal to your mp3 collection. It allows you to browse your albums complete with beautiful artwork pulled from any sources it can find, whether that’s buried in your song tags, collected via Synergy, or looked up on Amazon.

You can see a video of CoverFlow in action here:

CoverFlow was purchased by Apple1 in 2006, as the app’s website still reports:

We are pleased to announce that all CoverFlow technology and intellectual property was recently sold to Apple. It has been incorporated into the latest version of iTunes.

That version was iTunes 7, released in 2006. As you may have already guessed, it included a new way to quickly skim larger media libraries:

Apple today announced iTunes 7, the most significant enhancement to the world’s most popular music jukebox and online music and video store since it debuted in 2001. iTunes 7 delivers stunning new features such as the new album and Cover Flow views of music, TV shows and movies, enabling users to quickly find titles in their library as well as casually browse through and re-discover titles they already own.

Here’s what Apple’s version looked like:

Cover Flow in iTunes 7

In its heyday, iTunes was often a bit of a UI playground for Apple. Some features never made it out of the application — like vertical window controls — while others took flight across the ecosystem.

Cover Flow Eats the World

Cover Flow’s biggest moment came in January 2007, when Steve Jobs introduced the original iPhone. (You can jump right to the iPod section with this link.) When the user rotated their device into landscape orientation, the Music app would show all of the library’s albums in Cover Flow, and scrolling through them was as easy as the swipe of a finger. Tapping the center album would reveal a track list:

Cover Flow on the original iPhone

In the fall of 2007, Apple revised its entire iPod line, bringing Cover Flow to the iPod classic, third-generation iPod nano and the iPod touch. The latter worked just like the iPhone, while the traditional iPods used the click wheel to move back and forth in Cover Flow.

Cover Flow on iPods

On the Mac side of things, Leopard brought Cover Flow to Finder. This iteration allowed users to see a list of files and folders and a nicely-sized preview at the same time.

Here’s a bit from the press release:

Scheduled to ship in October, Leopard introduces over 300 new features, including a new Desktop and Dock with Stacks, an intuitive new way to organize files; an updated Finder featuring Cover Flow and a new way to easily browse and share files between multiple Macs; Quick Look, a new way to rapidly preview most files without opening an application; Time Machine, a new way to easily and automatically back up and restore lost files or a complete Mac; Spaces, a powerful new feature to create groups of applications and instantly switch between them; and enhanced iChat and Mail applications, which easily allow users to communicate even more creatively.

Cover Flow in Leopard's Finder

Two years later, in 2009, Safari 4 launched with many new features, including our old friend:

Safari 4 makes browsing more intuitive and enjoyable with innovative features, such as Top Sites, Full History Search and Cover Flow, and support for modern web standards like HTML 5 and advanced CSS Effects.

“The successful beta release helped us fine tune Safari 4 into an even better, faster version that customers are going to love,” said Philip Schiller, Apple’s senior vice president of Worldwide Product Marketing. “Safari is enjoyed by 70 million users worldwide and with its blazing fast speed, innovative features and support for modern web standards, it’s the best browser on any platform.”

That beta included Safari 4’s infamous “Tabs on Top” design, but that’s a story for a different time.

Safari’s version of Cover Flow impressed Jim Dalrymple, who wrote about the feature for Macworld:

I visit a lot of Web sites a day, doing research for stories as well as visiting some of my favorite music sites. Sure, I could use the old way of viewing my history as a list, but it’s not nearly as efficient or accurate as this Cover Flow view.

For example, when I’m researching a story, I often come across obscure references to my topic. Unfortunately, I don’t always bookmark those pages for reference. The end result is that they are lost in the mire of Web links in my browser history. It gets even worse if you factor in a few days’ worth of browsing to wade through.

Having an enhanced search via Cover Flow gives me a way to narrow down my search and then scroll through windows with a thumbnail of the Web site. Even if I don’t recognize the Web link in the list, I’ll more often than not recognize what the site looked like with the Cover Flow thumbnail.

Cover Flow on its own probably wouldn’t be that useful in a Web browser. However, just like in iTunes, having the combination of Cover Flow and the search functionality makes finding things much faster. Ultimately, that makes my experience using the software better.

Like transparent plastic years earlier, Cover Flow popped up in various places around the world beyond Apple’s own products, like in some VW models.

A Slow Fade Into History

Cover Flow’s heavy use of animation and reflections were never going to be a good fit in the great flattening that took across Apple’s design work in the mid 2010s.

Up first was iTunes’ version of Cover Flow, which was removed with version 11 in 2012.

The next year, iOS 7 dropped Cover Flow from the music app, replacing it with an interface of tiled album artwork.

The final blow came with macOS Mojave in 2018, which swapped out Cover Flow for a new Gallery view:

Gallery View in macOS Mojave

My Take

Even though it took many different forms over the years, Cover Flow never really clicked for me. I often value efficiency over visual flair when it comes to how I like to work, and Cover Flow didn’t offer me enough to switch away from more traditional views of my music, files or Safari history.

However, Cover Flow still holds a special place in my heart. I get the sense that Steve Jobs loved it, and that counts for something.


  1. Over the years, there were a handful of lawsuits over Cover Flow, none of which I’m going to cover here, as they would mess up the flow of this article. 

X206 →

Antonio G. Di Benedetto has an in-depth look at the little buttons on the underside of the Apple Watch that make swapping bands so easy:

While I often prefer a universal solution over a proprietary connector, here’s the thing — Apple’s band release button beats the hell out of fiddling with little spring bars and jeweler’s tools. Instead, you just press a near-invisible button, slide your band out, slide another one in, and get a lovely audible click as it locks in. No fuss, no muss; just a simple swap for a different visual vibe to match your style and wardrobe.

But how does it get that precise click, that nearly foolproof snap? Hint: it’s not magnets. My colleague Sean Hollister and I spoke with two ex-Apple engineers who worked on manufacturing the original parts. We quickly learned that it’s kind of the unsung hero of the Apple Watch — despite launching a $1 billion accessory ecosystem and remaining unchanged since its debut eight years ago.

The secret: there are actually three buttons in the Apple Watch, two of which interlock so precisely that Apple had to rethink its entire approach to manufacturing. “The tolerances in there are kind of insane,” say our sources. “It’s super hard to machine. You can’t get tools in there; the angles are all weird.” So the company wound up buying Swiss CNC machines that cost up to $2 million — each — just for the sake of its swappable band system. “It didn’t cut anything else on the watch, just this, that’s all it did.”

As a side note, I love The Verge’s “Button of the Month” concept. I wish I had thought of it.

CarPlay’s UI Needs a Revisit in the Age of Large Screens

Yesterday, I picked up my new truck, a 2023 Toyota Tundra. Coming from an older Tacoma, this truck is amazing, and that includes the large 14-inch screen. The truck has wireless CarPlay, and I noticed something right away: CarPlay’s UI doesn’t stretch very gracefully for these larger displays.

The home screen actually looks pretty good, with a giant map and nice large buttons:

CarPlay home screen

Sadly, it’s the best-looking screen at this size.

The phone app is okay but the full-width cells in that table view are a bit odd. I also have no idea why the dialer looks the way it does.

CarPlay Phone app

CarPlay Phone app

Full-screen media playback is perhaps the worst of the screens, with both Overcast and Apple Music showing how much work Apple needs to do here:

Overcast in CarPlay

Apple Music in CarPlay

At WWDC last year, Apple showed off the future of CarPlay. I love their vision for the future of the car, but I hope we don’t have to wait for that to see improvements for those of us living in the present.

I Asked Bing to Make Some macOS Wallpapers

I love macOS wallpapers, so when I saw that Bing had incorporated image creation into its probably-not-going-to-kill-us-all-but-maybe AI tools, I took it for a spin with this prompt:

Make some wallpapers in the style of Mac OS wallpapers from Jaguar, Panther and Tiger

I got these back:

That’s not really what I had in mind, so while the AI’s reading of my prompt made me laugh, I decided to try again:

Make some wallpapers in the style of the blue wallpapers found in early versions of Mac OS X

This went a little better:

I wanted to see if I could get something closer to my beloved OS X images, so I got rid of the OS X language and asked Bing to create wallpapers using various shades of blue that are calming but still portray some level of movement and happiness. I got these back:

Honestly, the last one isn’t too bad.