Volume | bd

Background

On a Mac, the volume keys bring up a panel under the menu bar, right where most websites or windows keep their buttons. macOS had no setting to hide it. When iterating fast, that can be frustrating.

Before

The Mac's panel, over the prototype's toolbar.

On the tools pages, the Before and After tags show up too late. Can they come in a second earlier?Done. The tag now changes a second before the wipe lands, so it names what’s coming.Nice. Let me try it.Reply to Claude…

localhost:3000/toolsSharePublish

Lorem ipsum

Dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Lorem ipsumDolor sit amet, consectetur adipiscing.
Sed do eiusmodTempor incididunt ut labore.
Ut enimAd minim veniam, quis nostrud.
Duis auteIrure dolor in reprehenderit.
Excepteur sintOccaecat cupidatat non proident.

18:42Claude82

MacBook Air Speakers

After

A 4 px bar at the top-left edge. It fills as the volume goes up, then fades.

On the tools pages, the Before and After tags show up too late. Can they come in a second earlier?Done. The tag now changes a second before the wipe lands, so it names what’s coming.Nice. Let me try it.Reply to Claude…

localhost:3000/toolsSharePublish

Lorem ipsum

Dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Lorem ipsumDolor sit amet, consectetur adipiscing.
Sed do eiusmodTempor incididunt ut labore.
Ut enimAd minim veniam, quis nostrud.
Duis auteIrure dolor in reprehenderit.
Excepteur sintOccaecat cupidatat non proident.

18:42Claude82

In the margin

Most pages keep 16 px clear at the screen's edge. The bar fits inside it, and always stays out of the way.

How it's built

Designed by me, built with Claude, which wrote the Swift.