- cross-posted to:
- firefox
- cross-posted to:
- firefox
L
o
o
k
sc
o
o
l
.UX is a very subjective matter.
Yo fuck it. This comment saved my life.
A
C
A
T
I
S
F
I
N
E
,
T
O
O
More like: Looks Cool
Versus how it is now: Looks cool
or if you have a shit ton of tabs open: lo… co…
What you are doing does not at all, besides not having to do anything with the topic at hand.
Bad news is that it is not clear at this point whether Mozilla is going to go forward with the implementation. A post on Reddit by one of the project members suggests that the build is a “rough proof-of-concept”. Some features tested in the build “did not survive”. It is unclear which did not, as they are not mentioned. Mozilla is, however, implementing those that survived the cut into Firefox. Again, the poster does not mention which those are. It is also not verified that the poster is actually a member of the project team, so take this with a grain of salt as well.
Isn’t Firefox open source? So isn’t it possible that anyone could see the changes being made even in the nightly versions? I’m not a programmer so forgive my ignorance.
i wish they’d include vertical tabs and oneline navbar in settings rather than making the users edit userchrome. userchrome is really fun but it’d be much more accessible if it was on settings.
userchrome is really fun
It is not fun for me when the most beautiful themes are meant to be used on Linux or Windows and the Window buttons are all messed up for macOS (or won’t even show up), you can’t literally be without those window buttons on macOS because you can’t maximize FF from the dock as any sane dock or taskbar.
Yeah, this was annoying for me in kde. I just make my own themes now so this isn’t much of an issue though
I’d like to understand and have the patience of learning about CSS theming :D
I use Edge on my work computer since I can log into it with enterprise SSO and store my passwords and bookmarks to my work account. Not ideal, but I don’t do anything personal on my work computer because I already have zero expectation of privacy on it anyway.
Vertical Tabs are an absolute game-changer, especially combined with tab groups. I can actually juggle hundreds of tabs in a single browser window without issue. It’s the only thing I can say that Edge got right.
I’ve been waiting for this development for a long time. I can’t wait to have this functionality on my personal computer, on a privacy-respecting FOSS browser no less. The extensions currently available for this are just not that great, it has to be a native feature.
Ff with sidebery is pretty amazing. Although, it’s annoying you need to add a CSS file to disable regular tabs.
I have a CSS file anyways to make look the giant buttons like actual tabs.
Hundreds? Why? I never have more than like ten, and each time I open my browser I start with none
Not the person you replied to, but I can help with an example:
- I have the browser reopen the tabs I had open last time, but keeps unloaded until I click on them.
- The tabs are in a tree hierarchy, meaning I can collapse an entire group while keeping them all open.
- My work involves juggling up to 50 different accounts each for a hand full of websites, so containers allow me to quickly swap between accounts signed into the same page.
Fair points, though what advantage does keeping unloaded tabs serve over using bookmarks?
Personally, I can’t use bookmarks because if they’re out of sight, they get forgotten. Keeping things in an open tab is like having the browser constantly bugging me to remind me that I have to do this thing. It doesn’t guarantee that it gets addressed in a timely manner, but with the alternative it’s guaranteed to not be done at all.
It also helps to keep my place in my work. There’s things that I’ll always have open because I need quick access to them and don’t want the friction of trying to find the page to lead to procrastination. Same with anything that’s relevant to work in progress.
When you’re keeping things in a tree structure for visual grouping and using containers to manage different logins, bookmarks will lose the tree structure, and you’ll have to specify which container to open it in. If your workflow involves a dozen tabs per context, locating the bookmarks and reopening them every time you switch contexts is a significant time and productivity loss.
Consider the classic Evidence Board (also known as string wall, crazy wall, conspiracy board, etc.). Saving everything to bookmarks is the equivalent of putting your board’s contents into a drawer, then pinning everything back up whenever you need to look at or update that particular conspiracy. It works, but it’s cumbersome, error-prone, and wastes a lot of time; you’d only do this if you only have one board but multiple things to inspect. Leaving tabs open and simply unloading the inactive tab trees is like having multiple separate boards where you just roll them into a closet when you aren’t using them.
What are these tab trees? Is that an addon?
There are several addons that organize the tabs in the sidebar with a vertical, tree-style layout, with nested tabs that can be collapsed, just like a classic folder structure. This is what GreyBeard was referring to earlier in the thread when he said “The tabs are in a tree hierarchy”.
Tree Style Tab has been around since 2007; Sidebery is much newer, and IMO looks and performs better.
You are correct, TreestyleTabs was my jam for years, but I have moved over to Sidebery because it performs better and has better support for containers, as well as being considerably more customizable.
My work involves juggling up to 50 different accounts each for a hand full of websites, so containers allow me to quickly swap between accounts signed into the same page.
So like astroturfing?
Not at all. Just managing clients stuff on portals that don’t allow for delegated access to a single account.
Alright, now do bifurcating diagonal tabs.
Sinusoidal wave tabs are clearly the only way to tab.
Never saw the appeal in vertical tabs, but maybe Edge or FF extensions just don’t do them well enough… Good for Mozilla though, I guess
For 16:9 (ish) displays you have more pixels left to right than up and down, it makes sense to use up your horizontal space first when placing permanent UI elements on your screen. Still up to preference though.
Agree… Too much screen real estate horizontally, not enough vertically
Especially with the gigantic tab buttons the browser uses by default even in “compact” mode.
To think that I have lived years without knowing about those little features like combining title and menu bar to save space
Yeah, but combining those doesn’t make the buttons smaller and tab-like. Enabling userchrome.css support and tweaking it yourself does, though. Still dumb that Firefox uses giant buttons instead of tabs.
The real crime here is the death of full screen monitors. Full screen just works so well for Internet browsing and programming. The switch to widescreen became common because games and movies were becoming more widescreen and that caused them to look smaller on full screen monitors. These days, the problem can be solved by getting extra large full screen monitors. Back then, that was not financially feasible.
God damn, what I wouldn’t give to have a 4k 4:3 CRT.
A lot of websites are optimized for reading at around 1024 pixel which means many sites just give you the void to look at on both sides of a centered site (worse in naïvely scaling up all UI to the max so widscreen monitors get billboard-sized text)—so you may as well have more vertical reading space. The other part has to deal with keeping the titles readable with several open as the Latin script is horizontal. Either the titles disappear & you are left with tolerate logo favicons like Chromium or like Fx where the tabs move to vertical scrolling which is difficult to parse quickly—there’s a reason why you write your grocery list with a newline as a separator than trying to cram it all on a single line. Given the current Fx implementations using the sidebar are kind of a hack, I for one am happy to see this finally being worked on.
Those screenshots look really nice, ngl, hoping this goes through. Edge and Vivaldi have had their own vertical tab implementations for a while now, and there are Firefox forks that show it can be done. No reason for base Firefox not to have it at this point.
While I’m here, Mozilla bring back compact spacing, plz k thx.
Edit: Just tried it, it’s got that nightly jank but it’s promising. I hope Mozilla continues with this. It looks and feels great.
My goodness yes, having to enable it in developer settings every time so annoying.
You can enable compact spacing in about:config
That just feels like Mozilla wants to hide the option tbh.
Literally the only thing I wanted!! 💚
congratulats to the people liking them i guess. i personally dont get it, since most languages are written horizontally and i like ux to reflect this structure. such things are subjective though
The counterpoint is since 16:9 became the de facto standard for monitors, vertical resolution is at much more of a premium than horizontal resolution is.
Not to mention that most sites will put their main content into a container with a limited width anyway, since overly long lines are awful to read. So unless you’re using the browser side-by-side with other content on a low-res monitor it’s a net benefit. And even if it’s not I usually find the extra vertical space to be worth more, as you said.
i get where youre coming from, but imho the eye tends to parse information more effectively if delivered vertically, since it knows it that way from other media. just my personal opinion though.
Then why I struggle a lot to navigate through Discord compared with any other messaging app, such as Telegram, don’t answer, probably because Discord UI is trash.
Try out Tree Style Tabs for an hour. I’m curious how you’ll feel about it.
I’ve been using TST for years and while it can be a bit buggy at times I couldn’t imagine going back to the default tab system.
This is my main, but I struggle to find a good CSS theme that integrates with this instead of Sidebery.
since most languages are written horizontally and i like ux to reflect this structure. such things are subjective though
You might be misunderstanding what we mean by vertical tabs - we aren’t literally turning the tabs sideways and putting them on the side of the browser. We’re placing the tabs, still horizontal, into a stacked, scrollable list on the side of the browser. The superiority of this display method for tabs on widescreen displays is not subjective, and here’s why:
- Tab titles are not typically very long, but there tend to be a lot of them. This data is far more readable and accessible as a bulleted list than a long paragraph.
- Beyond about ten to fifteen tabs, tabs displayed at the top, side by side, must either shrink and obscure the title, go off-screen and be invisible without scrolling, or stack in multiple rows across the top. A vertical tab setup can easily display 30-40 of them in a vertical list, all with the maximum visible amount of their titles which helps distinguish them from one another.
- Modern desktop screens are wider than they are high, but webpage content scrolls vertically, often leaving a lot of empty space on the sides.
- Eyestrain is reduced and readability improves when the width of the reading area is reduced. This is why text on the web almost never fills the full width of a widescreen display, why most books are taller than they are wide, and why newsprint articles have many narrow columns rather than filling the entire page.
- Given points 3 and 4, tabs at the top of the browser window on a widescreen display leave slightly less room for the actual page contents, while tabs displayed in a vertical list on one side only cut into the white space that exists on the sides of the content, while keeping the titles readable and causing less eyestrain.
- With one change, a list can become an outline with sections and headers, following your own train of thought as you branch out and expand on each idea. In the same way, tabs displayed as a list can be very easily displayed with a tree structure, allowing tabs to be grouped, collapsed, and generally organized in ways that are impossible for traditional-style top-tabs.
This is why Tree Style Tabs exists, though I prefer Sidebery these days, being more customizable and performant than TST. There’s no way I can ever go back to top-tabs.
In a real life scenario that I can ad hoc reproduce here on my PC, only point 6 makes sense. With the others I can not agree when looking at my open tabs here.
I think you’re missing what’s going on. The text is still written left-to-right. You don’t need to read the tabs vertically. The tabs are stacked on top of each other in the sidebar instead of lined up along the top of the window.
I believe their point is that their language is left to right, so it just makes sense to them to have the tabs structure left to right as well.
I happen to share this sentiment, but can understand why some people may like it different.
My dream would for this to at least have an option for collapsable tree-style tabs. That’s what I’m missing the most from the Edge implementation. Even “normal” vertical tabs struggle when you have over a hundred open tabs.
You can group/collapse in Vivaldi
I completely hid my tabs with custom css and I’ll never go back. With something like vimium-c you can switch tabs with vim-like bindings and an fzf-like menu. If you have lots of tabs, the fzf way is way faster to pick out a specific tab than it is to look for it in a tab row (or column). If you have few tabs, you don’t even need to see them to know where they are. I’m being very serious. Tabs are bloat. I recommend trying it out if it is something for you.
(edit) On top of that, it looks so clean. You get a bit more space for the actual content (I also hide my url bar, it pops up when you use it). It fits right in with a keyboard focus workflow, you get consistent keybindings across vim and your browser (I use the same keybinds for switching buffers in vim so it feels the same).
Downvotes with no replies explaining why? This is happening a lot.
I use qutebrowser and still show tabs, but this is a very interesting approach. Thanks for the rec.
Pretty sure it was just emacs users instinctively swatting the vim enthusiast.
Qutebrowser is very cool! Personally I want to use firefox’s engine (or at least not something chromium based). Otherwise I would have jumped ship to qute or surf already. Currently my only gripe is that the plugin doesn’t work on pdf’s and other special pages, which is not an issue on qute.
Crazy that you are getting hate for this perfectly reasonable and well-expressed opinion. No counter-arguments, just “muh i no like muh go away”.
Apparently this place is not so different from the R-site at all.
anyone else feel like a lot of these firefox updates recently are just them implementing the most popular extensions from firefox 3.6?
It’s always been like this. Aside from Gecko and/or security updates that’s how all browser development has functioned since add-ons became a thing.
I migrated from Edge for the last time to avoid Manifest v4, I’ve been missing vertical tabs a lot. Sidebery just didn’t work for me. I really like how this is looking.
Edge mentioned on this sub? Brave.
No, Edge.
Oh I don’t even use Linux lol, this is the first post I found on this news
Brave mentioned? Edgy.
What’s your reservation with Sideberry?
I would love the option of keeping containers in vertical tabs with “page tabs” horizontal. For example; Facebook, Personal, Banking, Work, Incognito, etc containers along the left as vertical tabs, and each one has all the pages in tabs across the top. Vertical tabs only appear after you open more than one type of container.
Workspaces. Vivaldi has this and it’s the only reason I use them.
Is each Workspace isolated like Firefox’s container tabs?
Not sure what that means. But you have workspaces that contain various tabs and you can’t access a workspace’s tabs from another workspace. I have workspaces for recipes, videos, programming, and gaming.
Firefox Containers are walled off from each other. No settings, cookies, trackers, etc. are shared between one container group and another.
that’d be really nice for me too, currently I have a bunch of loosely categorized free-floating windows (extremely wide screen problems), would be great to collect all that into one (I miss that function they used to have where you could have tab groups organized physically with a special shortcut)
deleted by creator