Terminator comes close, but to be honest, iTerm2 still beats it with its user friendliness and features.
It's really interesting how OS X is the one that has a terminal emulator with the most features out there.
iTerm2 now comes with 24-bit colors, command completion popup, notifications, triggers, profiles, mouseless copy, split panes, search, and you can even have inline images/gifs all out of the box with zero or minimal configuration required. That's just awesome.
All of these features and iTerm2 still feels much faster than Terminator to me.
I found iterm2 to be my most-missed piece of software when switching to linux desktop. Terminator just doesn't compare with ease-of-use, look, and feel. Gnome terminal is nice but lacks some of the rich features.
Simply in case anyone is not already aware, there are some phenomenal add-on features for urxvt through the perl extensions: https://github.com/muennich/urxvt-perls/
Notably, keyboard-select allows you to cut/paste things into the X buffer from anywhere in the terminal scrollback using only keyboard shortcuts. url-select, conversely, allows you to cycle through any visible URLs and either open them in an external browser or copy them to the X buffer.
I can definetely relate. I found myself spending time in the morning coding some JS project using scala-js [1] to get a daily dose of sexy elegancy before turning to rather ugly PHP tasks.
Your technique is less good (on IE11) when you resize the width of the browser. The text finish outside the div, while DigitalSea's solution works well.
in the demo test caught my attention - what is a good way to achieve this in production code? i.e. execute a function when a certain element which matches the query becomes visible?
atm i'm using the DOMNodeInserted event (debounced)
