Before starting a major project, I’m laying out the groundwork and creating some of the libraries required.
This includes Notifier.js — a Javascript library for Gnome / Growl type non-blocking notifications. 
It depends on Jquery. At 68 lines of code, Notifier.js can be classified as minimalist.
Notifier.js supports success, info, warning and error notifications.
Notifications show up at the top-right corner and fade away in 5 seconds (by default). Click and it fades away even sooner.
Multiple notifications at the same time stash up in a vertical list.
Notifier.js has been designed for easy inclusion in any existing small or large project.
Demo | Download (.zip archive, 26.8KBs)
The source code and usage examples can be found on GitHub – https://github.com/Srirangan/notifer.js
Feel free to use it, fork it and provide feedback / pull requests.
Sweet! This is a really useful tool. Unobtrusive notification system. I have so many ideas how to use right now :)
THX!
Pingback: Notifier.js – Elegant Javascript notifications | Node Js, CSS3 and all futur | Scoop.it
Pingback: Notifier.js – Elegant Javascript notifications | Javascript | Syngu
Pingback: Notifier.js – Elegant Javascript notifications | Srirangan | javascript.js | Scoop.it
Pingback: #FollowFridayLinks S01E03 | AS_Blog
Pingback: 網站製作學習誌 » [Web] 連結分享
How about preloading images for notifications?
@agentcooper, definitely the four default icons should be pre-loaded in future revisions.
Looks really cool.
I’d love to see this in Etherpad Lite, if you get a spare 5 minutes could you look at integrating it?
Based on feedback, the following enhancements have been made:
* Position the notifications anywhere you like (top, right, bottom, left) by changing the default configuration. The default is still top right similar to Gnome, Growl etc.
* Change the default timeout by changing the default configuration. Default = 5000 ms.
* Configuration lets you specify your own custom styles
* Single .js file include – No more external images and .css files. Just a simple, single line .js file include.
* Using jQuery delays instead of setTimeout to fadeOut
* Leveraging jQuery to reduce the already small footprint
* Stricter adherence to standards / best practices
A big thank you to k3n, kmillns, nicogranelli, ctrldavid, tortus, joseph177, honestbleeps, ContraContra and everyone else who contributed on Reddit discussion.
Of course, credit to GutHub collaborators Hello71 and Atinux for their contributions as well.
Thanks for all your support. And while Notifier.js is not a primary project on which I’ll be working week in and week out (its just a tool to be used in other project), I do appreciate the need to make a robust, maintainable yet simple and minimalist notifications library.
Looking forward to your ideas, forks and pull requests in the future as well.
@John McLear, Let me have a look at that! =)
Awesome product!
What is it licensed under?
Umm, which is the most lenient open source license?
Pingback: Notifier.js – Elegant Javascript notifications | Nodejs-code | Scoop.it