jQuery Notific8 – A notification plug-in inspired by the notifications introduced in Windows 8

0
181

jQuery Notific8 – A notification plug-in inspired by the notifications introduced in Windows 8

Notific8 is a notification plug-in that was originally inspired by the notifications introduced in Windows 8 with some web ready restyling and customizations. Notific8 has built in themes (colors) and theme families (styles) and is easy to create new theme and theme families for. The plug-in was born from a want for a simply designed yet modern and stylish notification system. The plug-in is also designed to scale based on the page’s font-size setting (it was designed for the default of 100%/16px as the default).

Features

  • Notifications slide in and out from the upper right corner of the page
  • Configurable life span of the notification
  • Option to display a heading
  • Option to pick an icon from the including icon font
  • Built in theme options with ability to create custom themes (see CSS for built in themes)
  • Ability to make the notification sticky
  • Ability to set up custom settings for reuse without having to type them over and over
  • Ability to set which corner the notifications are shown in
  • Ability to set the z-index
    • Can be set via config/configure or the z index function
  • Ability to customize close text on sticky notifications
  • Events for init, create, and close

Browser support

Currently supported and testing:

  • Chrome
  • Firefox
  • Safari (Mac only)
  • IE 10+
  • Edge

While not tested, this plug-in should work on Opera versions released after the rewrite on the blink rendering engine.

Browser version support

As a rule of thumb, only the most recent plus one version older of a browser is supported unless marked otherwise. While it may work in IE8 and IE9, notific8 will not be tested or officially supported in legacy browsers such as versions of IE older than 10.

Wiki

Please view the https://github.com/ralivue/jquery-notific8/wiki for information on the options available and how to implement them.


Website: https://github.com/ralivue/jquery-notific8

Demo: http://gsri1987.github.io/notific8-responsive/


 

Thanks for reading,
Web Editor

 

LEAVE A REPLY

Please enter your comment!
Please enter your name here

19 − 16 =