Pinstripe Tabs, part 2

This is in response to Bill McGonigle’s comment about Pinstripe’s tabs.

Bill says: “I think of Pinstripe as truely Aqua-consistent theme for Mozilla. I place consistency one tiny notch above optimal functionality on the Mac, so I would advocate emulating Jaguar’s tab look and feel.”

Pinstripe aims for Aqua-compliance, but it misses the mark somewhat. And where it misses, it’s due to the limitations of Mozilla’s cross-platform UI…

… For instance, menus and toolbar icons do not take on the Graphite appearance when you choose the Graphite theme. And the menu items don’t flash when you click on them as they would in a native Mac OS X application. That being said, I agree that consistency is a desirable thing – but browser tabs are a special case. They differ from normal tab controls in these ways:

  • You can create and destroy browser tabs. Normal tab controls are static.
  • You can drag things to the tab bar to open a new browser tab.
  • You can right-click on a browser tab and get a context menu. Normal tabs don’t have context menus.
  • You can double-click on the tab bar to open a new browser tab (in Firebird).
  • You can middle-click (in certain cases) to close a browser tab.

All these behaviors add up to a unique widget for viewing documents. I don’t agree that the best way to render these tabs is to draw them as if they were standard Aqua tabs. In fact it is probably contrary to the spirit of the Aqua User Interface Guidelines to use the look of a system control.

There’s also another consistency snafu. In Panther, which will be released shortly, the browser tabs which are drawn by the Appearance Manager will be drawn as standard Jaguar tab controls and will not pick up the new Panther tab appearance. This means that Pinstripe will be inconsistent with the Panther UI.

So faced with these factors I think a preferable way to go is to make a browser tab control that has its own look. With Mozilla’s UI, this is pretty easy to do. I don’t want to copy Safari’s tab controls because there may be legal issues there. Also Apple has not indicated that Safari’s browser tab controls are to be used for anything other than Safari. If they do revise the HIG to include Safari’s browser tabs, I’ll probably rework Pinstripe’s tabs to comply with the guidelines.

In the meantime I continue to work on the tabs. I’ve made the curves of the tab match the curves of the window so there is a visual link between the tab and the window title bar. Here is a screenshot. This is still a work in progress – I think the active tab can be made a little brighter and more translucent. If you have comments, please let me know. Thanks for the well thought out post Bill.

9 thoughts on “Pinstripe Tabs, part 2

  1. I think that the active tab is fine the way it is, translucent may make the tab look like the inactive tabs.
    I agree that the tabs should have their own look and avoid the problems that can come up.

  2. btw – The screenshot of the new tabs look a bit yellow because my Powerbook is having video problems (again).

  3. I think that given the limitations of Mozilla, it’s perfectly acceptable, and way better than the standard theme.

    So, when are you going to release that Mozilla 1.5 compatible PinStripe?

  4. When I finish it :) Really I can’t give a better answer. I’ve been working on the Firebird theme because the plan was it was going to become default on Mac Firebird for the 0.7 release. That has gotten pushed back till Firebird 0.8. So now I’m trying to adapt my work for the Firebird version of Pinstripe for the Mozilla suite.

  5. I wish I hadn’t upgraded to 1.5b because I’ve gotten so attached to your theme…

  6. Quick question – will your revised tabs open left to right, rather than from the centre? I think Moz and Safari get it right when they open left to right

  7. Yes they will open from left to right. That’s another feature that set them apart from normal Aqua tabs. And the fact that thay can shrink and expand with the title text…

    check out the latest development version of Pinstripe Firebird to see what the new tab design is like in action.

    http://kmgerich.com/pinstripe/beta.html

    you’ll have to download the latest Firebird 0.7RC to use the theme.

  8. Just wanted to add my thank you for this great theme somewhere. It just feels like having a new browser again… Finally Mozilla has become a Mac application. Great Stuff!

Comments are closed.