Had some down time over the weekend so pulled out an old grid-based note taking idea. Newly inspired by @neauoire's recent suite of micro 2D/3D drawing tools.

Stack is just vanilla JS and SASS all wrapped in Parcel. Looking forward to tinkering on it further.

Memgrid, as I've started calling it, is now up on Github.

Made a few visual improvements (moved the grid to be drawn via canvas) and added better feedback for interactions.


Show thread

Making a few bits of progress...

Proper snapping now works when either resizing or dragging a memo (thanks to github.com/bnjm for the help). Added touch event support. Also experimenting with hiding the grid, and reducing clutter, unless interacting with a memo.

Show thread

Needs a little bit more work to fix some edge cases, but click and drag to add a memo (initiated by pressing N) is now working. ๐Ÿ˜Œ

Show thread

A few more changes...

Can now delete memos. Memo data also persists in local storage. Next step is to populate memos upon application load. Then I think we're about done for now. ๐Ÿ’†โ€โ™‚๏ธ

Show thread

My little project Manifest (as it's now called) is now live at manifest.app.

A few loose ends to tie up but right now you can:

๐Ÿ—’๏ธ Create as many notes as you want.
๐Ÿงฎ Snap and resize on a uniform grid.
๐ŸŒ All data is stored locally.

Source at github.com/jonathontoon/manife

ยท ยท Web ยท 5 ยท 10 ยท 28

A few bug fixes and improvements out now!

- Memos now respect zIndex.
- Memos are also scrollable, if content overflows.
- Mouse issues with snapping fixed.
- Everything now aligns flush on the grid (may require you to clear local storage).

Show thread

A few updates for manifest.app.

- Basic boundary detection in place for memos (more work needed).
- Some support for tablets / mobile added (not perfect yet).
- Service worker / offline support added.
- Memos automatically focus upon interaction.

Any issues or feedback feel free to add them here: github.com/jonathontoon/manife

Show thread

@toon It seems that sometimes it's impossible to align things on the grid :(

@mario_afk thanks for the input, if you could add this as an issue to GitHub I'm happy to look in to it.

@toon I would use a windowing system that looked like this, simple but really nice.

@whtrbt yeah, it was kinda one of the catalysts to building this.

Sign in to participate in the conversation

Merveilles is a community project aimed at the establishment of new ways of speaking, seeing and organizing information โ€” A culture that seeks augmentation through the arts of engineering and design. A warm welcome to any like-minded people who feel these ideals resonate with them.