SweetModal

JavaScript

シンプルでエレガントなモーダルウィンドウを実装できる「SweetModal」

SweetModalは、アラートやダイアログなどをシンプルでエレガントに表示させるjQueryプラグインです。アニメーションもスタイリッシュで、とってもかっこいいですね。ホワイトを基調にしたオーバーレイや、ミニマルテイストがとても美しいモーダルウィンドウを実装したいという方は、要チェックです。

SweetModal

デモ

デモでは、SUCCESSアイコンやWARNINGアイコン、ERRORアイコンとボタンなどを表示させるアラートの動作を確認できます。

ほかにもアラートやダイアログのタイトル、PROMPT、タブコンテンツ、HTMLコンテンツ、ユーチューブなどなど、さまざまなコンテンツをモーダルウィンドウで見せることが可能です。

使い方も、content、title、iconなどを指定しながら手軽に実装できるのがいいですね。シンプルながらカスタマイズ性にも優れ、いろんなシーンで活躍してくれるはず。

まさに「sweet、easy、powerful」なプラグインといえます。

また互換性のあるブラウザは、IE11、Safari 6+、Firefox 4+、Chrome 20+、Opera 15+、Microsoft Edgeになります。

美しいデザインとアニメーションによるモーダルウィンドウを実装したい方は、ぜひチェックされてみてはいかがでしょうか?

SweetModal

関連記事

  1. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryの超基本的なアニメーションを試してみる

    jQueryの基本的なアニメーションを試してみました。やっぱりアニメー…

  2. jBox

    JavaScript

    ツールチップやモーダルウィンドウなどを実装できるjQueryプラグイン「jBox」

    jBoxはカスタマイズ性に優れたツールチップ、モーダルウィンドウ、通知…

  3. Tilt.js

    JavaScript

    パララックスとチルトを兼ね備えたホバーエフェクト実装「Tilt.js」

    Tilt.jsはパララックスとチルトの動きを兼ね備えた滑らかなホバーエ…

  4. SMINT

    JavaScript

    1ページだけのWebサイトに最適なスクロール移動できるナビゲーションを実装できるjQueryプラグイ…

    1ページだけのWebサイトを作る際にとても役立ちそうですね。ナビゲーシ…

  5. CoutUpCircle

    JavaScript

    カウントアップしてくれるjQueryプラグイン「CoutUpCircle」

    CoutUpCircleは目標に指定した数までカウントアップしてくれる…

  6. Dropit

    JavaScript

    シンプルでフレキシブルなドロップダウンメニュー「Dropit」

    Dropitはシンプルでフレキシブルなドロップダウンメニューを実装でき…

最近の記事

  1. 梅しば
  2. BM-IBCDH13RD
  3. 雪
  4. ホットのドリップ
  5. めんたいこ&チーズ味 海老せんべい

アーカイブ

PAGE TOP