domino

a tool for collaging thoughts

motivation

read on to find out what domino is trying to do and why it was created

technical details

read on for information about how domino is made

roadmap

read on to find out planned features for domino

contact

you can contact me on twitter, mastodon, or email

how to use

read on for details of how to make your own boards
for ease of distribution, i think it's essential that tools export to a single standalone html file (when possible)

source code

the source code and build scripts for domino are available on github
if you have and feedback, especially bug reports, please do contact me
domino is attempting to be a tool i can use to collage thought fragments in a presentable way
everything is a single standalone html file that makes a copy of itself when you export a project
closing the editor doesn't seem to work in firefox mobile, but i don't have any way to debug thisβ€”help?

domino 2


i have released a revamped version of domino
i'm using pug to generate the html so i can edit the scripts/style/etc separately rather than in one long html file

mobile support

mobile technically works, but the user experience isn't great
i have no access to macOS or iOS so reports, particularly about bugs on safari, are appreciated
usually i make my tools in typescript via create-react-app (without react)β€”doing it raw (and now via pug) has been surprisingly easy
double click on a card to jump to it

click and drag to move around freely
would like to add free zooming by mouse wheel and pinching now that zoom is supported
this page is both an exported domino project and the domino editor
"domino" because putting thoughts with something in common adjacent to each other reminded me of matching dominoes
what if you could drop cards into am intermediate holding area then drag them back out where you want them?
you can customise the styling of the board by editing the css of your export
i like the idea that just by distributing an export you're also distributing the tool for someone to create their own
it's supposed to be kinda like a mind map, but with all links implied by proximity

moving cards

i probably need to add some more powerful tools for moving cards around
send me links to domino out in the wild!
domino is a board of hand-placed cards
click the home icon 🏠 to return to the center of the board

navigating

moving through larger boards
you can only move one card at once, and you can only move it to somewhere you can see

blog post

read more about the inspiration and goals of domino on my blog
this has some side-effects on how users get access to updates
that exported board is now an editor that makes boards in your customised style

blog post

a self-replicating and mutating tool?

artificial intelligence is a fake idea

navigating

moving around and reading a domino board
i need to clean up the html/css/javascript now things are solidifyingβ€”want it to be robust straight forward to modify
when unlocked, navigation behaviour changes: double clicking cards opens the editor, and cards become draggable

max bradbury

if the toolbar at the bottom of the screen shows πŸ”’, the board is locked to prevent accidental editing. click it to πŸ”“ to allow editing
users?β€”or participants in a software ecosystem?

emoji

card icons are intended to be emoji, but...
i've largely cleaned up the css, so i welcome any feedback on how i could make it clearer for modding
you can hyperlink to another card by using the coordinates like #3,-7 (check the url bar)
sometimes you really do want to write a linear block of textβ€”what if cards could contain a larger post that can be expanded?
domino is released as a single domino board (this one). to update a local copy, you simply replace it with a copy of this board

extra structure

thinking about extra structure beyond layout cards on a grid
every exported board is a backup of the specific editor version used to create it

saving

exporting a copy every time you want to save is kinda annoying

will o'hanley

keyboard shortcuts are listed in the "HOW TO" tab in the πŸ”¨ menu
some emoji seem to get rendered as text instead of emoji...
click and drag to move cards around the board (moving to free spaces or swapping with an existing card)
different platforms support different emoji and users can't be certain that the icon they choose will be visible to someone else

images

experimentally, i now support both dragging in and pasting images
but any changes you have made will need to be reapplied again manuallyβ€”'merged' in software parlance
i'm concerned about file size, so i heavily compress the imagesβ€”kinda like low tech magazine
is export/import downloaded html file actually fine?
experimenting with an iframe 
feature

in icons:
display:http://bla.com
#0,0
πŸ”¨
πŸ”Ž
🏠
πŸ”’