Notyf

JavaScript

シンプルでレスポンシブ対応のカッコイイ通知を表示できる「Notyf」

Notyfはシンプルでレスポンシブに対応したカッコイイ通知を表示させることができるVanilla JavaScriptによる通知プラグインです。jQueryを必要とせずに実装することが可能です。

Notyf

デモ

デモでは「Show success」と「Show alert」の2つのボタンが設置されており、各ボタンをクリックするとそれに対応した通知が表示されます。

PC版では画面右下に通知が表示され、一定時間が経過すると自動で消えていきます。アニメーションつきで表示・非表示するので、シンプルながらとてもスタイリッシュでカッコイイ通知を実装できます。

モバイル版では画面左下に通知が表示されます。こちらもアニメーションつきで動作します。

実装面では、jQueryに依存することなく使えるところがうれしいですね。また、オプションもいくつか用意されており、delay、alertIcon、confirmIconといった項目の設定が可能です。使い方もカンタンなので手軽に実装できるのもグッドです。

というわけで、レスポンシブに対応したシンプルでカッコイイ通知をWebページ内に表示させたいという人は、ぜひ「Notyf」をチェックしてみてください。

Notyf

関連記事

  1. jqueryIntroLoader
  2. LC Micro Slider
  3. PIGNOSE-ParallaxSlider
  4. jQuery Video Extend

    JavaScript

    動画をチャプターごとに区切れる「jQuery Video Extend」

    jQuery Video Extendは動画をチャプターごとに区切った…

  5. JavaScript

    軽量で嬉しい!画像を拡大ズームしてくれるjQueryプラグイン「Leroy Zoom」

    Leroy ZoomというjQueryプラグインを使えば、画像を拡大ズ…

  6. Simple button radios

    JavaScript

    シンプルで高性能なラジオボタンを実装できる「Simple button radios」

    Simple button radiosはシンプルで高性能なラジオボタ…

最近の記事

  1. フェルメール展
  2. 上島珈琲店 No.11
  3. 銀座トリコロール

アーカイブ

PAGE TOP