iziToast

JavaScript

エレガントでレスポンシブに対応したトーストを実装できる「iziToast」

iziToastは、エレガントでレスポンシブに対応した軽量のトーストを実装することができる通知プラグインです。jQueryなどへの依存性がないのも特徴の1つです。お洒落なトーストを実装したい人は要チェックです。

iziToast

デモ

EXAMPLESには、Info、Success、Warning、Error、Question、Custom I、Custom IIの7種類のサンプルが用意されています。

各サンプルをクリックすると、それに対応したトーストが表示されます。スライド、バウンス、フリップなど、どのアニメーションもさりげない動作でとてもエレガントな印象です。

デザインもシンプルで見やすく、レスポンシブにも対応しているのでPCでの閲覧はもちろん、スマホからでも最適なレイアウトで閲覧することができます。

また、使い方が簡単なところもうれしいポイントの1つです。セッティングできるオプション項目の数もかなり豊富なので、カスタマイズ性にも優れています。

タイトルやメッセージのカラーやサイズ、背景カラーやテーマの指定など、さまざまな設定がオプションから行えます。

ちなみに、themeにはlightかdarkを、colorにはblue、red、green、yellowの値を指定することができるほか、positionにはbottomRight、bottomLeft、topRight、topLeft、topCenter、bottomCenter、centerという値が用意されています。positionのデフォルト値はbottomRightになります。

このほか、icon、iconText、iconColor、image、imageWidth、maxWidth、zindex、layout、balloon、close、closeOnEscape、rtl、target、targetFirst、toastOnce、timeout、animateInsideなど、まだまだたくさんのオプションがあるので、気になる人はぜひチェックしてみてください。

iziToast

関連記事

  1. Fancy Input

    JavaScript

    かっこいいエフェクトのテキスト入力を実装できる「Fancy Input」

    Fancy Inputは、かっこいいエフェクトを備えたテキスト入力を実…

  2. Maximum Characters limit exceeded warning
  3. Los Scrollos

    JavaScript

    シンプルで滑らかな水平スクロール実装「Los Scrollos」

    Los Scrollosはシンプルで滑らかな水平スクロールを実装できる…

  4. vDrop

    JavaScript

    選択ボックスの選択肢をドロップダウンリストで表示できる「vDrop」

    vDroppは、選択ボックスの選択肢をドロップダウンリストで表示してく…

  5. jQuery Responsive Thumbnail Gallery Plugin

    JavaScript

    レスポンシブなサムネイル付きのイメージギャラリーを実装できる「jQuery Responsive T…

    レスポンシブなサムネイル付きのイメージギャラリーを実装できる「jQue…

  6. S-Pagination

    JavaScript

    スライダー付きのページネーションを実装できる「S-Pagination」

    S-Paginationはスライダー付きのページネーションを実装できる…

最近の記事

  1. ブラジルイパネマ
  2. 梅しば
  3. BM-IBCDH13RD
  4. 雪
  5. ホットのドリップ

アーカイブ

PAGE TOP