🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A lightweight jQuery plugin used to create CSS3 powered animated notification bars which stick to the bottom of the web page.

Notification Notification-bar toast-message

Documentation

Tappifications

Tappifications is a toaster notification library that can be used to easily promote content or notify users on your site.

Getting Started

Install all dependencies then run gulp in the command line to open the index.html example in your browser.

npm install bower install gulp 

Usage

Three types of notifications are available

info

$.tappification({     type: 'info',     message: 'Your info message goes here!',     callToActionText: 'Click on me',     callToActionUrl: 'http://www.tapptv.com/' });

info

warning

$.tappification({     type: 'warning',     message: 'Your warning message goes here!',     callToActionText: 'watch out!',     callToActionUrl: 'http://www.tapptv.com/' });

warning

danger

$.tappification({     type: 'warning',     message: 'Your danger message goes here!',     callToActionText: 'something went wrong',     callToActionUrl: 'http://www.tapptv.com/' });

danger

Dependencies

  • jQuery <= 2.x.x

  • Font-Awesome >= 4.2.0

Including It In Your Project

Import the css and js and you're good to go!

<link rel="stylesheet" type="text/css" href="dist/tappifications.css">  <script type="text/javascript" src="dist/tappifications.js">

License

The MIT License (MIT)

Copyright (c) 2014 tapptv.com


You May Also Like