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

Additional Suggestions:

10 Popular jQuery Navigation Plugins

10 beautiful Jquery Lightbox Plugins

5 Awesome Tutorials on CSS3 ToolTips

3 premium news ticker Jquery plugins

Tags: | | | |
Nord VPN Sale

Deepanker Verma is the founder of Techlomedia. He is a tech blogger, developer and gadget freak.

Similar Articles


Leave a comment

Comment policy: We love comments and appreciate the time that readers spend to share ideas and give feedback. However, all comments are manually moderated and those deemed to be spam or solely promotional will be deleted.

2020 UseThisTip | Developed By Deepanker