Nifty.js

What is it?

Here's the story: some talented people created some modal window effects that I thought were cool. Here is the article on Codrops.

I wanted to use these effects so I wrote some Backbone views that leverage the CSS work done by others.

Here's a demo

Getting Started

Link to the css (including bootstrap if you haven't already included it):

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
<link href="http://blashill.com/nifty/nifty.min.css" rel="stylesheet"/>

Include the JavaScript:

<script src="http://blashill.com/nifty/nifty.min.js"></script>

Show a modal dialog:

Nifty.alert("Hello", "This looks amazing!");

Dependencies

This library is built with Backbone views and thus the standard Backbone dependencies are required for it to work:

• jQuery
• underscore.js
• backbone.js