Slightly ajar

How to make Opera more Mac like

, ,

One of the problems many people find with Opera (myself included) is that it doesn't feel very Mac like. This is the unfortunate side effect of having such a cross platform product, that can be ported from anything from the Mac to a mobile via the Wii. It is certainly not a problem we face alone, but there is certainly room for improvement. There are people at Opera who are passionate about both the Mac and our product, such as Joen our Mac test manager, who work hard to get Mac issues fixed, but I'd like to share a few pointers and downloads to improve the experience in the current release.

Anyone who uses Opera on Mac knows how out of place our icon looks on the dock, especially with that hi-lighted shadow that bounces with the O on loading, and how it makes the icon look right aligned. While I'm not personally a fan of using the company logo as an icon, help is at hand to make it more aqua-fied. This thread on the MyOpera forums includes an updated icon that can be used to replace the current one. You don't need much technical knowledge to install it. Just download this file to your Mac, find your Opera install, and right click selecting show Package Contents. From there navigate to the Resources directory and drop the new icon into the folder. Once you restart Opera, the new icon will be in place. I think it looks like it is part of the Microsoft Office for Mac icon set with this icon. Now IE:Mac doesn't exist now, I'm sure we'd be happy for MS to distribute us with Office too wink

With the icon fixed, it is time to move on the the browser itself. I don't think that the current icons fit in too well with the Mac interface, so the first thing to do is to hunt down a new skin, which is easier said than done. The skin I selected, Entr'acte, by Dustin Wilson. I actually found this by accident when looking for Opera on Flickr, as i isn't in the top skins list. My only main gripe about this skin is that is steals the Transmit icon for transfers.

After installing the skin, I re-aranged things to make it cleaner and more Mac like. Firstly, I fixed the tab bar, which I feel is in the wrong place. To do this I had to do a bit of a hack. I enabled the Main bar from View -> Toolbars, and disabled the Address Bar. The icons from the Address bar can then be added to the Main bar, and the current icons can be removed. I like a clean look, so I only put on the forward, back, refresh, address field and the Google search field. I also added a home button and the panels button, as on Mac there is no easy way to show panels without going to the view menu or knowing short cuts. There is not enough white space between elements such as the search bar and the address bar, so I added a fixed spacer between these, before the address field and after the search field. Finally, I don't like how much space the New Tab icon takes up, so I dragged it to the right hand side, next to the waste bin, where it doesn't include text.

A screen shot of the finished result can be found here.

The finished result is far from perfect. The fixed spacers create too big spaces, but this is an improvement on no space at all. The rounded caps of the search field are not the correct shape. It would be nice if the address bar could be above the tab bar without hacks, and I'd love it if it was possible to have a unified toolbar, that was introduced in Tiger. Just these four changes would make the interface look more professional. I'd also like icons in the preferences toolbar, and to use the correct "about" window. While improvements can still be made, these few changes make Opera ft in much better. Let me know if you have any extra tips.

Quick update on CSS3 selectorsNo, I'm not in a band

Comments

Dustin WilsonKhadgar Tuesday, March 27, 2007 11:47:53 PM

Thanks for writing about this and selecting my skin bigsmile. I really appreciate it. As for the icons in my skin I can assure you the ones in it were meant to be temporary as I grabbed whatever I could get to work (and Panic is aware of the icon usage... well Cabel is anyway), but have had an extended stay so to speak because of the overbearing task to make a custom icon set for Opera, especially one that has to work with OS X. There's a thread just for it in the Mac forums and has been stickied by the mods. People usually give their feedback there and have since before it was offered on the Opera skins page.

I do agree that Opera is lacking native wise for OS X, but being a ported application is no excuse. Skype works and looks wonderfully on OS X and is on many platforms. I certainly hope Opera does do some improving to the interface on the Mac as I don't think it should be left up to a skin to get things right (or at least as close as possible given the limitations of the skinning system).

Eddie LopezEddie_Lopez Wednesday, March 28, 2007 3:15:07 PM

Firstly, I fixed the tab bar, which I feel is in the wrong place.



I like talking about this issue. My stance is that the tab bar is in the corret place, or specifically, the *address bar* is in the correct place with the default Opera install. Here's my reason why:

Each tab has attributes that are "local" to the tab, the address/url of the page is a local attribute to that tab. Moving it above the tab gives it a "application/global scope" which I think is just plain wrong...as evident by the fact taht whenever you move to another tab, the address bar is changed to reflect the new tab.

The list of tabs are application/global scoped. So if you scan your screenshot, you have local scope (address bar), then global scope (tabs), then back to local scope again (tab content).

to me, Opera does it right by just having: global scope (tabs), then local scope: address bar, page navigation, page content etc.

Makes perfect sense to me! Of course, it's not Mac like which is the whole point of your post so my points are not really applicable, but I still like to talk about that whenever I see "Opera does it wrong with the tabs/address bar."

Anonymous Tuesday, May 8, 2007 11:36:30 PM

Anonymous writes: Thanks for this! What I'm really struggling with in Opera is the lack of text zoom buttons on the toolbar (next to the nav/reload buttons) -- Safari had these, and it was really nice to have them there. I also kind of miss the bookmark button, though that's not as necessary. I found a skin that looks like the Safari interface, but when I hover over a "close tab" button, it shifts up -- not clean... still... Thanks!

Anonymous Tuesday, May 8, 2007 11:37:16 PM

writes: P.S. And need an "add bookmark" button on that toolbar too!

Anonymous Wednesday, May 23, 2007 2:35:33 PM

Anonymous writes: Re: the above, thank you, thank you, for the icon. it really bothered me. I'm using the same skin as the person above whose close button slips upward when one hovers over it. it's the best skin I've found, nevertheless, and it allows a LOT of site tabs to be fitted in on the toolbar (small text). I DO miss the text boost buttons. Don't get me wrong, I love the zoom, but sometimes one doesn't want to zoom the page, just the text...

Anonymous Saturday, May 31, 2008 5:56:30 AM

Jackson writes: For some reason when I try to download the new icon it just opens up a new page with a bunch of code written out. Is this supposed to happen? I tried copying it and dragging it into the place it says I should put it in but it didn't do anything after I restarted and it just didn't look right when I was putting it in. I am using the 9.5 Beta version of Opera. I also tried getting the file using Firefox, same thing. Someone please help!!

AnotherGuytstiffler Sunday, June 15, 2008 8:54:24 PM

I'm certainly not using a Mac, but that icon is a heck of a lot better than the standard one. So thanks for the link to that.

Which version of the Mac OS are you trying to make it look more like?

Write a comment

You must be logged in to write a comment. If you're not a registered member, please sign up.