Navigation
HomeSearch
Submit A Resource
Contact Us
About Functionn
Subscription Options
Subscribe By Email (265+)
Lists
Archives
Jun 20, 2012
Tags:
alerts,
JavaScript,
JQuery,
MIT License,
notifications,
UI
Envelope.js - A Simple, Event Driven jQuery Plugin For In-App Messaging Which Works With UI Frameworks
Envelope.js is a simple, event driven jQuery plugin for in app messaging designed to work with or without popular UI frameworks. You can use Envelope.js along with popular UI frameworks like Twitter Bootstrap
and jQuery UI to generate events such as 'sucess', 'error', etc.
One issue with using callbacks to show user alerts is that they are not very reuseable. Using an evented approach allows you to decouple the action of showing a message to your users with the function or callback that generates it.
Have you ever written code that looks like the one below? If so, you quickly find out that you are writing a lot of display code in your callbacks, that its hard to reuse this code, and its hard to maintain this code.
Not only is this hard to maintain, but is difficult to reuse. Using envelope, your callbacks become much more elegant. Envelope allows you create messages that listen for events and display a message when that event is triggered. Envelope decouples this by making the above code look like:
To skip all this nonsense and see it in action Here's a fiddle for you to play with:
Envelope.js still has some more features to be implemented, see the todo list on its Github page. It's released under the MIT License, you can contribute too.
Requirements: jQuery
Demo: http://bittersweetryan.github.com/envelope.js/
License: MIT License
and jQuery UI to generate events such as 'sucess', 'error', etc.
One issue with using callbacks to show user alerts is that they are not very reuseable. Using an evented approach allows you to decouple the action of showing a message to your users with the function or callback that generates it.
Have you ever written code that looks like the one below? If so, you quickly find out that you are writing a lot of display code in your callbacks, that its hard to reuse this code, and its hard to maintain this code.
Not only is this hard to maintain, but is difficult to reuse. Using envelope, your callbacks become much more elegant. Envelope allows you create messages that listen for events and display a message when that event is triggered. Envelope decouples this by making the above code look like:
To skip all this nonsense and see it in action Here's a fiddle for you to play with:
Envelope.js still has some more features to be implemented, see the todo list on its Github page. It's released under the MIT License, you can contribute too.
Requirements: jQuery
Demo: http://bittersweetryan.github.com/envelope.js/
License: MIT License
Trending Posts On Functionn This Week
Other Interesting Resources:
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment