Does anyone know of a web browser where instead of...
# linking-together
g
Does anyone know of a web browser where instead of switching between tabs you can smoothly/continuously transition between websites? E.g. similar to the Eagle Mode software (see video), but for the web: where when you zoom into a link, the link grows into a website, and when you zoom out, you smoothly return to the previous web page. Or like a digital whiteboard (e.g. conceptboard.com), where you can put thumbnails of websites on a whiteboard, and then zoom in a thumbnail to open the website and zoom out to return back to the whiteboard.

https://www.youtube.com/watch?v=G6yPQKt3mBA

❤️ 7
i
The ZUI in the video you shared is super cool. I've never seen it before. There are a bunch of folks here who have made things sort of like it. (Hopefully some of them turn up in this thread. @westoncb comes to mind.) While it's not a web browser, I did make a web site with this sort of richly transitioning navigation: https://www.lunchboxsessions.com/explore Click on (say) "Hydraulics", and then click on any of the "nodes". You can use the "Back" button at the top, or hit escape on your keyboard, to go up one level. I've always loved these sorts of over-the-top transitions. I made a lot of Flash projects back in the day that each featured multiple pages connected by individually 3d-animated fly-through transitions. Sort of like the more elaborate DVD menus at the time, where each screen had a specially rendered transition. I've always loved making UIs that feel sort of oriented in 3d space.
👍 2
y
I’ve been thinking about a network of stitched together infinite canvasses, this zoom in out concept is a really great visualization. @Ivan Reese I love the site, the transitions are smooth and a great way of developing visual context, wondering about a browser extension to bring the paradigm of eagle mode to firefox et al
c
With the new Page Transition API and Navigation API landing (experimentally) into browsers this may be possible. The navigation API (the next iteration of the history API) allows you to intercept navigations and for them to be async. Which means you can use the Page Transition API to transition between two web pages and when the animation finishes you can tell the browser the navigation finished. https://m.youtube.com/watch?v=JCJUPJ_zDQ4 https://m.youtube.com/watch?v=cgKUMRPAliw&lc=UgyCPvplV9XSnFcRyFl4AaABAg
👍 2
d
I'm a little shocked you haven't seen eagle mode before @Ivan Reese Stretching back a bit farther in the past, Pad++ is one of the first zuis, if you haven't already seen it:

https://www.youtube.com/watch?v=BlIRYTuSv0Q

w
I think this web browser is called Yes Please.
j
Yeah, I want to see way more zoom for nested hierarchy and recursive structure. I would like people to be able to diagram processes in my tool, but the only rational way to do it is with zoom, and open source web libraries for it basically don't exist. Web pages are still "pages" not canvasses. Stupid naive metaphors.
d
this is the best one I know of @Jason Morris: https://github.com/anvaka/panzoom
❤️ 2
j
Ooh, that's really nice. Thanks very much.
a
This kind of physicality (ZUIness…) is one of the reasons I keep switching back to Safari. When you swipe to go back and forward, the pages actually slide in. When you pinch zoom out far enough, the page becomes a thumbnail on a grid where you can add other pages and zoom into them (otherwise represented as tabs at the top of the window). Always felt nicer than Chrome’s half-circle that slides in during swipe gestures.
💯 2
1
w
I can't find it with a quick search, but I recall a scene in Veronica Mars where our teenage detective is working through the crime, hypothesizing, weighing the evidence, a monolog shot-reverse shot between Veronica thinking and her laptop screen using Exposè to switch between windows. Tools for thought!