Skip to Content

Cabel's Coda toolbar and the Three Pixel Conundrum

by Mike Schramm Sep 11th 2007 at 7:15PM

Panic's Cabel Sasser has updated his blog (finally! His Miis were cute and all, but I was tired of seeing them every day) with a really interesting post about how he designed the toolbar for the everything-web-development tool that apparently is the bee's knees, Coda.

Instead of using the standard rounded bevel of OS X's unified toolbar, Sasser decided he wanted to do something a little different, and created a tab-ish vertical indent. Unfortunately, the way OS X's toolbars work didn't vibe with his idea (there were just three pixels at the bottom that couldn't be edited the way he wanted), so the Panic team ended up developing their own entire toolbar. That, he says, is why you can't rearrange the icons in Coda-- because the app isn't using the system toolbar.

But the best part is saved for last. All the hard work paid off, because even though Sasser had to drive his team nuts just to figure out a way to get around those three pixels, Apple eventually agreed with him. And the new toolbar in Leopard looks strangely familiar. Great story, and a real shot in the arm to developers who might not otherwise be pushed to bother with all the coding required to get the look they want exactly right.

[ via DF ]

View Tags

Related Stories

Categories

Analysis / Opinion Software Apple Developer

Panic's Cabel Sasser has updated his blog (finally! His Miis were cute and all, but I was tired of seeing them every day) with a really...
 

Add a Comment

Sign in »
*0 / 3000 Character Maximum

8 Comments

Filter by:
metrixon

I think, sacrificing the usability of the toolbar for a 3-Pixel-Design-Issue is the wrong move.
Wether or not the Coda toolbar is prettier is just a matter of taste but being unable to customize the toolbar to its full extent is unsatisfying.
In a way, this seems to be the general direction even Apple has taken when designing the new Dock: usability and consistency in the user interface is not the primary goal - eye candy comes first.

September 12 2007 at 3:45 AM Report abuse rate up rate down Reply
Magnus

The old one from Finder looks much better.

September 12 2007 at 3:12 AM Report abuse rate up rate down Reply
jyrki.lilja

Hey,
Finder in Tiger has the same kind of toolbar... http://myskitch.com/jyrkililja/finderpreferences-20070912-080944.png

-jyrki

September 12 2007 at 1:10 AM Report abuse rate up rate down Reply
Bryan Hughes

I'm a big fan of Coda and its nice to see Cabel updating his blog. However, I'd prefer to see some updates on the development of Coda. Its been a while since the product has been updated.

September 11 2007 at 10:15 PM Report abuse rate up rate down Reply
dryan

It's odd to me how everyone is so fascinated with this 3 pixel deal. Yes, Coda's interface is nice. I've been using it for production work every day since it's release. But as a 8+ hour-a-day user, I wish they'd have used that time to work out some more serious interface issues (keyboard emulation in the terminal, keyboard shortcuts for navigating through tabs that match the rest of OS X, and automatic closing of parens and braces even when one is typing inside of existing text) rather than what is in the end a superfluous difference in toolbar styling.

September 11 2007 at 9:39 PM Report abuse rate up rate down Reply
Hawkman

Personally, I'm not a fan. It's prettier, but far less obvious. Plus, the openness at the top feels painfully... incomplete, to me. If it had some sense of being enclosed at the top, it'd feel better and probably help make it more obvious, too.

Yes, believe it or not, it really matters to me.

September 11 2007 at 8:47 PM Report abuse rate up rate down Reply
Chris Wirick

That's all fine and good, but how about that iPhone video review, Cabel? Enough with the serious work already!

September 11 2007 at 7:35 PM Report abuse rate up rate down Reply
Buy an ad here

Hot Apps on TUAW

Tweets

© 2012 AOL Inc. All Rights Reserved.