notie.js

JavaScript

クリーンでシンプルな通知を表示できる「notie.js」

notie.jsはクリーンでシンプルな通知を表示できるJSプラグインです。スッキリしたデザインに違和感のないアニメーションが、さりげないオシャレ感をプラスしてくれます。

notie.js

デモ

Success、Warning、Error、Information、Confirm、Inputといったデモが用意されています。項目によってカラーも異なるので、わかりやすく見やすいですね。

落ちついた色合いで、いい感じのヌケ感かと。表示されてから非表示になるまでの時間もちょうどよい感じです。

また、オプション項目もとてもわかりやすいので簡単にカスタマイズできます。

通知下にあるシャドウのオン・オフで、フラットデザインかマテリアルデザインを選べるほか、フォントサイズや各項目の背景カラーなども指定可能です。

シンプルだからこそ使いやすい。そんな優しい雰囲気を感じさせる通知プラグインを自サイトに取り入れたい方は、要チェックです。

notie.js

関連記事

  1. JavaScript

    ボタンやアイコンに素敵なクリックエフェクトを実装できる「Waves」

    ボタンやアイコンに素敵なクリックエフェクトを実装することができる「Wa…

  2. no-image
  3. JavaScript

    画像を素敵なアニメーションで次々に表示させるjQueryのイメージギャラリー「Heap Shot」

    とても素敵な画像の見せ方だったのでご紹介します。jQueryプラグイン…

  4. Tippy.js

    JavaScript

    軽量ながらも多彩なツールチップを実装できるJSライブラリ「Tippy.js」

    Tippy.jsは軽量でありながらも多彩なツールチップを実装することが…

  5. no-image

    JavaScript

    水平スクロールができることを示唆してくれる「ScrollHint」

    ScrollHintは水平スクロールができることをポインタアイコンを使…

  6. jCider

    JavaScript

    レスポンシブ対応のjQueryカルーセルプラグイン実装「jCider」

    jCiderはレスポンシブ対応のシンプルなカルーセルを実装できるjQu…

最近の記事

  1. 広尾のスタバ
  2. マーガレットハウエルとミズノのコラボシューズ
  3. フレンチトーストや自家製ソーセージ
  4. ハレイワ スムージー
  5. クローバーで淹れたコーヒー

アーカイブ

PAGE TOP