Skip to content

Sliding panes

Sliding panes allow you to view digital pages side by side.
Whereas traditional tabs and apps only show the current page.
This means you cant easily compare info between multiple files.

responsive-jquery-accordion.gif obsidian panes.gif

sliding panes Chrome extension

Imagine an extension that adds sliding panes to your browser.

Obsidian uses iframes & divs for this. But with Chrome we have tabs to worry about.
Curious how hard it would be to change the whole tab logic. And maintain compatibility with all existing chrome plugins.
extensionidea

Obsidian

Obsidian has build in support for sliding panes.
Combine this with the open-link plugin, and you can also open external links in a sliding pane inside Obsidian!

More

Andy’s note goes deeper in to page navigation.

In a digital Note-writing system, by contrast, the environment’s focused on the experience of writing one note. The core operations and representations fixate on “the note you have open,” not on larger structures.

  • backlinks require you to keep info in your head.
  • sliding panes let you see info side by side.

sliding panes, are also known as vertical jQuery accordion

You could use the jQuery toggle() function. When the link gets clicked you toggle a div showing the content you want to show. dev docs

Andy Matuschak uses sliding panes (JavaScript) for his evergreen notes

UX tabs windows browser navigation

  • infinite scroll for notes
    • Imagine an infinite scroll for interesting notes. sliding panes already feels as if it scratches a similar itch. It’s just so satisfying with the smooth animations.