It looks cool but why are you popping up a giant box in front of my face?<p>That HAS to violate some sort of User Experience. If it doesn't I am going to say it violates <i>mine</i>.
I'm sure that this is a really well implemented piece of code. However, just as a personal preference (this is not a flame or attack, just some feedback), I think a site using this would be a site I'd stop using. I find the dialog really annoying because the effect of blocking user input in order to display some sort of message seems really inhumane to me. There are better ways to do notifications without pushing a big dialog, with some text, in the face of the user.
I think you should change the default template to libnotify, so much nicer.<p>Also, the notifications behave strange when hovering over them with the mouse... they shrink onhover, then on the next hover they dismiss.<p>This is on Chromium 15.
I think notifications must stack to be usable.<p>My experience with websites that queue up notifications (the old thesixtyone.com) is that you sort of pause, sit there, and wait for them to finish up so you see what they say. A better experience is for them to stack up in the corner so you can read them, then click them away once you're done.
I gotta admit I'm confused why these things are popular on hacker news. I've written several "growl" notification tools, usually I just re-write it on top of whatever ui toolkit the project is using rather than try to use a library. It takes less than 20 minutes to write one sufficient for whatever your use case is, and it works exactly how you need it to.<p>Not saying this or any other implementation is bad and you shouldn't use it, but why does hacker news get so excited every time one of these shows up?
Not to be inflammatory in anyway but how is this any better than some of the existing libraries, such as jGrowl etc?<p>I'm looking for some 'arguments' to seriously consider something like this - Thank you ;-)
Another library that has notifications, alerts, prompts without dependency on jQuery: <a href="http://ssssnakes.com/smoke/" rel="nofollow">http://ssssnakes.com/smoke/</a>