This is a quick demonstration of how easy it is to build Growl like notifications into a web application using jQuery.
See the demo here.
With only about a dozen lines of javascript and jQuery it is possible to make a floating div that notices can be added to, automatically slide in, wait, fades out and gets removed from the DOM.
This is originally for the work I’ve been doing on TweetLens. I wanted notifications that appear unobtrusively, gives the user a few seconds to read it and then fades away and cleans itself out of the DOM.
There are of course some jQuery libraries that already do this like, jGrowl, but I wanted to build it myself first. Very quick, very simple.
