deathau.weblog.lol/weblog/CV. Portfolio/CV.05 sliding-panes.md
Gordon Pedersen 89917951a4
All checks were successful
/ weblog.lol (push) Successful in 11s
Listing projects on the CV
2024-05-14 10:08:15 +10:00

1.6 KiB

image title type tags link summary location template
https://github.com/deathau/sliding-panes-obsidian/raw/master/screenshot.gif Sliding Panes (Andy Matuschak Mode) page CSS, JavaScript, HTML https://github.com/deathau/sliding-panes-obsidian A unique way to view open panes in Obsidian. /cv.05 cv

In early 2020, I found myself inspired to try and collect my thoughts in a collection of linked notes. I was mostly inspired by Andy Matuschak and the way his notes website opened linked notes in columns, so you could see where you'd been.

I did attempt to create my own similar thing for a bit, but then I discovered Obsidian. It was pretty new at the time, but seemed to do what I wanted in terms of linking notes together.

However, it didn't have the cool horizontal stacked notes thing that Andy Matuschak's website had. However, based on my experiments with building a similar thing myself, I thought I could modify the internal CSS of Obsidian to present notes in a similar format. And it worked! Not only that, it was pretty popular with others!

Later in the year, the Obsidian team opened up their plugin API (which I helped discuss with the devs) and I migrated my fun CSS tweak into a full-blown JavaScript plugin. Doing so won me the inaugural Best Plugin of the year in 2020.

The functionality has been since incorporated into the core of Obsidian. By using the "stack tabs" option, you get vertically stacked notes that slide over each other, just like I'd envisioned from Andy Matuschak's website.