Skip navigation.

Innuendo and out the other

About Opera and stuff

Visual Tabs in Opera 10 beta 1

, ,



Part of what I've been working on for Opera 10 is a new visual feature called Visual Tabs.

The new Visual Tabs goes hand in hand with the skin work we have been doing for Opera 10. Jon Hicks, now a Lead Designer with the Consumer division at here at Opera, has been the (evil? :devil:) master mind behind this work and you can also see the initial progress of that work in this first beta.

What we have seen in the past is that the thumbnails that shows up when hovering tabs has been useful and popular among our users.
Taking the work that was introduced in Opera 9 a step further makes Visual Tabs the natural next step.
For this beta, they are not shown by default but can be enabled by dragging down the drag bar just beneath the tabs themselves. You can also double click the drag bar or middle click it show/hide the Visual Tabs completely.

Our goal has been to make something that is visually pleasing, yet remains useful for people that have a handful of tabs open and needs an easy and visual way to always know what site is on what tab.

What you see in this first beta is a first step, and there will most likely be tweaks and changes made to the current solution to address issues and feedback from our users.

If you absolutely do not want to see any sign of them, they can be disabled quickly and easily by right-clicking on the tab bar or an active tab, select Customize->Enable thumbnail previews.

We are open to suggestions on how to improve this feature.

Opera now at 100% on ACID 3Speed Dial configuration in Opera 10 beta 1

Comments

Aux 3. June 2009, 08:40

I did not yet install new beta, but as I understand visual tabs will take a lot of space. So i have a suggestion to add one more option to auto-hide them. And this is how I think it should work. In this mode visual tabs are hidden, normal tabs are present. When I hover tab bar, visual tabs slide out nicely beneath tab bar. So this gives us that:

* screen estate is saved
* if I know which tab I want to ckick, I can click it the way I did before
* if I want to find tab visualy, I will be able to use this new and great feature!

armatoste 3. June 2009, 08:47

I'm really enjoying these new feature!! I was thinking it would be really nice to use ctrl+tab to open them, then look for the one tab you want and hide on release. I think it would be more useful than the actual ctrl+tab which I like to use but find confusing when browsing many pages in a same site because of the same favicon.

Good work and thank you!:D

Cqoicebordel 3. June 2009, 09:50

armatoste > Isn't opera:config#UserPrefs|UseThumbnailsinWindowCycle made for ?

By the way, do the tooltip on the visual tabs need to have a thumbnails too ?

zyph 3. June 2009, 10:50

Excellent new feature! Innovative as always - I'm just wondering how long it will take before other browser vendors copy it, and claim they invented it first :wink:

I'd love a keyboard shortcut/mouse gesture to toggle the bar on and off. Also, and I'm sure this is already planned for, being able to put the new tab bar to the left or right and save valuable vertical screen estate would be a killer feature - especially for those of us that have widescreen monitors.

Here are my ideas for the implementation:

* Thumbnails will have to have a fixed width/height (1:1 ratio, maybe?)
* If you have many tabs open thumbnails will not be cropped, but instead there will be an arrow at the bottom indicating that there are more to be found
* Scrolling needs to be enabled - no need for a scrollbar, but mouse-wheel scrolling needs to work

I put together a REALLY quick mock-up to illustrate what I mean (1920x1200, sorry about that):

http://dl.getdropbox.com/u/65293/opera-newtabs-side.png

It's missing a new tab button, but again, it's just a quick visualization of my thoughts.

What do you think?

malsumis 3. June 2009, 11:50

My suggestions:

1. As mentioned above: feature needs to be compatible with other UI options. Thumbnails should show not only in the default tab toolbar position, but when the toolbar is on the right, left and bottom, and in various wrapping configurations.

2. Tab thumbnail feature would be especially usefull if you could scroll through the tabs in thumbnail mode using ie. a scroll wheel and/or scrolling arrows(these buttons basically so that the tab bar works like a scroll bar on the side of a webpage).

This would be especially useful when having tab bar on the side with large thumbnails.

3. An awesome idea that would let me manage multiple windows would be to add scrollers that would let you scroll through each window's tab sets. That would be super usefull.

4. It would be even awesomer if the new tab bar could be put on the side of the screen, and had a "toggle" like the panels have, so the thumbnail view would expand with a single click) Or maybe even integrated into panels.

5. I'm probably too carried away at this point, but the possibilities are there. Make it happen OS :smile:

Good job, really. Make it more useable and you have another improvement that everyone will copy in 3 years. Cheers!

mrmass 3. June 2009, 13:27

+1 for tab bar on left/right and scrolling

Cyro 3. June 2009, 16:02

Definitely, By allowing pagebar on the left/right you will take advantage of widescreen monitors width. And it also reminds me of PowerPoint. Please, make it happen. +1

armatoste 3. June 2009, 16:09

Originally posted by Cqoicebordel:

armatoste > Isn't opera:config#UserPrefs|UseThumbnailsinWindowCycle made for ?



Thank you, didn't know that :smile:

experttease 3. June 2009, 21:49

@zyph

It isn't Opera's innovation, I've seen in in OmniWeb and Hicksdesign says there are others before that browser to have utilised visual tabs. Not sure which though.

Opera has made plenty of innovations, its true, but thank god for Firefox because without it and its extensions I would not have been led to Opera so soon! I thought: mouse gestures! wow! then I used Opera and I thought: wow! mouse gestures work!

deadHarlequin 3. June 2009, 22:03

I really dont get the point, technical challenge? let's say "yes", useful? no f**** way!!!

Maybe if it just poped up a fish-eye menu when I am wheel rolling between tabs, but again nothing life changing.

Ridiculously useless.



olli 3. June 2009, 22:21

deadHarlequin: That was a ridiculously useless comment to be frank..
Though you might not like it others might..

deadHarlequin 4. June 2009, 00:20

Agreed, it was a rant.
I try to think positive, but I can't see how its big real-estate requirements do pay off. Maybe it is me, maybe if I had a 24inch monitor.

I ll shut up for now, see how it will evolve in the feature.

Adil121 4. June 2009, 02:52

It is actually a features request.
1. The built-in spell checker must always be on until made off. Right now we have to make it on again and again for every field.
2. Active tab must not show its own thumbnail.
Thanks

MedellinStyle.com 5. June 2009, 18:47

Hi Nielsen

You know how iwll be this better?
double click to show and hide is slow... what about an automatic sldie of the thumbs when passing mouse throught the 3 small points ???

this would be better and faster... and also automatic hide after clicking on any of the thumbs..

keep it up!

OH OPERA 10 HATES FACEBOOK :S

olli 5. June 2009, 21:25

MedellinStyle.com: Opera 10 doesnt have facebook, but the beta has one known issue with facebook that we have fixed internally already :-)

olli 5. June 2009, 21:25

MedellinStyle.com: Opera 10 doesnt hate facebook, but the beta has one known issue with facebook that we have fixed internally already :-)

moirob 10. June 2009, 06:30

The only suggestion I have is to make it possible to remove middle mouse button click to show/hide visual tabs.
I normal use middle mouse button click to open/close tabs but sometimes I hit the bar and open visual tabs.
I'm quite happy using double left click to open tabs.

If anyone already knows how to change this I will be very happy. I've tried looking in mouse controls but can't seem to find what I am looking for.

FataL 18. June 2009, 16:04

Please add thumbnails to Windows panel. That's all. :smile:

To the point: many people already mentioned everywhere that visual tabs on top or bottom are stealing precious vertical space. If you want that people really use this feature make it work on left and right sides.

RZephyr07 18. June 2009, 18:42

+1 for possibility to use new thumbnail tab bar on the left and right. Scrolling is also a must... it would be MUCH better than the current system. What about easing when using the scroll mouse in this new thumbnail tab system too, much like seen in iTunes in their cover flow system? That would be gorgeous.

Horus9339 12. July 2009, 11:35

Hi all, I for one love all the new features. I would like to be able to move the Visual tabs to where I want them and be able to scale them also. The integrated spell check is great, the whole program is just the best browser out. I would just hope that the web becomes standardized so that I don't need to go to other nasty browsers to get on with things.

Thank you Opera team for the innovation, beauty and customizable pleasure that makes OPERA the best browser out, Thank you.

Take care of you and yours.

fantom_circuit 17. July 2009, 04:11

Please add support for having the visual tab bar on the left or right. I might finally switch back from Safari if this ends up in the final version :D

Ribosome 11. September 2009, 11:32

It's great to see Opera trying out new ways to handle multiple open pages in an efficient manner.

I don't know if I'm an unusual user, but I use Opera at work and my work is of the kind that where I need to check several reference works and have many academic papers laying around for a while, until I've immersed myself in the subject and brainstormed around it. I'm also the kind of guy that branches out in multiple directions simultaneously when exploring a subject and I'm bad at "letting go", so today I've got 250 pages open in the opera browser.

You could say the opera browser has for me replaced the cluttered and overfilled desk you'll find in the office of many university professors, something that is still very productive for them. I combine this with saving papers to disk and keeping a (badly maintained) list of bookmarks in Opera, plus bookmarks on the desktop and many references within endnote.

In my mind, the different places I can put a document signify importance, if I'm working with it or absorbing it currently or if it belongs to an archive of past work. I'm yet to see a browser that handles this 21st century equivalent of the messy professor office.

Why for instance, should bookmarks and tabs be separate concepts? My Opera is taking up 1.5GB of memory, three quarters of which are on disk in the windows pagefile. Would it be much less efficient to treat seldomly clicked tabs as bookmarked pages which is loaded from the opera disk cache when I click on them? And why not let the user group the tabs in a fashion similar to the hierarchy of bookmarks or perhaps in an even more free way?

As for my work process, I can make notes inside opera, but I cannot put this in context. I can't make an annotation on a tab or link a note to a bookmark.

In short, I know I'm not using the UI as it was designed to be used, but Opera has already provided an improved work process which would have been impossible in IE. With some additions and changes to the tab element of the browser, I think new ways of working and living inside Opera would appear.

deadHarlequin 11. September 2009, 15:49

ribosome:
Actually what you say to a point happens already as Opera and windows memory manager do exactly what you say. Well I m not exactly sure about how opera treats local files but the normal is that part of the pagefile memory might be the html files themselves, not a "copy" of them as you may think.

Also there is good solution for your 'notes in page' problem:
www.diigo.com

Hades32 28. October 2009, 22:21

Suggestion for Visual Tabs:

When you switch through your tabs with CTRL-TAB you could make the tab bar resize it over the whole screen and show all Visual Tabs a little bigger (maybe even if Visual Tabs are not used in the normal state)

experttease 28. October 2009, 23:53

Excellent point Hades32. I do not use visual tabs, but it would be a nice 'visual search fucntion' when using ctrl-tab (or in my case ctrl [ or ]), even though I don't use the thumbnails when scrolling tabs either (slows down massively when there are more than a handful of tabs open).

Write a comment

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