Backbone.Notifier – Flexible UI Notifications Framework

Developing a perfect good looking notification is no always easy. It needs knowledge of designing and jquery. It is always hard for those who are not good. Because notifications must be matched with the look of the website. Otherwise it distracts visitiors.

For those, who want an opensource solution for notification, Backbone.Notifier is a nice notification framework. It can be used to display nice notifications in web applications. If you are looking for a nice jQuery Notification system, this is worth to use.

It is built on top of jQuery, Backbone.js + Underscore.js and has many cool features like a 3D module or animations support. It is easy to use and customize. You can set the position of notification box to the top of app or in the middle. To customize this, you can edit CSS and javascript file of this framework. It has already some themes which you can directly use. If you want to create your new theme, you can add your new style in the CSS file. You can also modify existing theme as per your need.

It also supports timed notification which will pop up after the defined time. You can also set the time after that notification will automatically hide itself.

It comes in valrious message styles boxe which includes default, info, error, warning and success.

Read: How to create facebook like notification with sNotify 

How to Use it

First of all add Javascript and CSS file into your webpage. Use following code and insert it into head part of your website.

<script type=”text/javascript” src=”js/Backbone.Notifier.js”></script>
<link rel=”stylesheet” type=”text/css” href=”css/notifier-base.css”>

Now use this line to show simple message

notifier.notify(“Hello World!”);

And this code to show the warning message

notifier.warning(“Hello World!”);

To learn advance usage of this framework, follow this link

Requirements: jQuery, Backbone.js and Underscore.js
Compatibility: All Major Browsers
Website: http://e-w.co.il/backbone.notifier/
Download: https://github.com/ewebdev/backbone.notifier/

Additional Suggestions:

10 Popular jQuery Navigation Plugins

10 beautiful Jquery Lightbox Plugins

5 Awesome Tutorials on CSS3 ToolTips

3 premium news ticker Jquery plugins

Subscribe To Our Newsletter

Subscribe To Our Newsletter

Join our mailing list to receive the latest updates, web design resources and tools.

You have Successfully Subscribed!

About The Author

  • ADD YOUR COMMENT

Subscribe To Our Newsletter

Subscribe To Our Newsletter

Receive fresh web design resources and SEO tips in your email by our weekly newsletter

You have Successfully Subscribed!

Pin It on Pinterest

Share This

Share This

Share this post with your friends!