Author: | wavded |
---|---|
Views Total: | 261 views |
Official Page: | Go to website |
Last Update: | July 26, 2017 |
License: | MIT |
Preview:

Description:
humane.js is a simple, responsive, customizable, themeable, mobile-friendly, dependency-free and CSS3 animated notification system built in pure JavaScript/CSS.
Basic usage:
Load the main JavaScript humane.js and a theme CSS of your choice in the document.
<link rel="stylesheet" href="themes/bigbox.css"> <link rel="stylesheet" href="themes/boldlight.css"> <link rel="stylesheet" href="themes/jackedup.css"> <link rel="stylesheet" href="themes/libnotify.css"> <link rel="stylesheet" href="themes/original.css"> <link rel="stylesheet" href="themes/flatty.css">
<script src="humane.js"></script>
Create a basic notification message with default options:
humane.log("Basic message!")
To config the notification message just by passing the options as these:
humane.log("Message here", { baseCls: 'humane' timeout: 2500, waitForMove: false, timeoutAfterMove: false, clickToClose: false, addnCls: 'humane-error' })