During development, I have to check the browser's inspector periodically to see what my console.log()'s are saying. This leads to having two browser windows open: The browser and the inspector. And in the inspector, I usually only need to see the console. With these desktop notifications, I can develop and debug web apps with just two open windows: A single browser window and a terminal. And it's only adding ~100 lines to your project.
I made something similar once, I heavily advise against using it in its current state, it was just experimental, but it's kinda fun to play around with.
It's basically a floating console window with added features. It has two main functions
1. Notify, call loggy.notify to display a message right in your browser (instead of in the console)
2. call loggy(name, value), which is meant to track real-time values. For example your mouse position, say you loggy('mouse pos', mousePosition) on every `mousemove` event, it will show you the last value of `mousePosition` in the floating console window. It's like an fps tracker you see in games, constantly updating
It has some other useful features too, it shows diffs between objects every loggy(..) call, and some really weird features I forgot about.
It's fun to play around with, paste the gist in your console and then run this code as an example
Very neat. Plan to take a look at the source code later today. I was thinking of doing a chrome extension that accomplished the same goal, but just used a small pane on the bottom right instead of notifications.