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. Letter by Letter JS

    JavaScript

    美しいフェードでテキストが徐々に表示されていく「Letter by Letter JS」

    Letter by Letter JSは美しいフェードでテキストを徐々…

  2. reveal-it.js

    JavaScript

    左から右へテキストが美しくフェードイン表示する「reveal-it.js」

    reveal-it.jsはテキストが左から右へかけて徐々にフェードイン…

  3. EZ Plus

    JavaScript

    タッチにも対応した画像ズーム機能を実装できるjQueryプラグイン「EZ Plus」

    EZ Plusはタッチにも対応した画像ズーム機能を実装することができる…

  4. SWAPMYLI

    JavaScript

    スライドが切り替わるタイミングも分かりやすく表示させるギャラリーを実装できるjQueryプラグイン「…

    シンプルでよさそうだったのでメモしときます。スライドが切り替わるタイミ…

  5. Ziehharmonika

    JavaScript

    かっこいいアコーディオンを実装できる軽量のjQueryプラグイン「Ziehharmonika」

    アニメーションがとてもクールでかっこいいアコーディオンを実装することが…

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

    JavaScript

    jQueryで要素を挿入できるメソッドがたくさんあるので整理してみた

    jQueryでHTML要素を追加するメソッドが色々あるので整理するため…

最近の記事

  1. Happy Plugs AIR1
  2. cheero Stream 10000mAh
  3. BOSE HOME SPEAKER 300
  4. RP-PC112
  5. SRS-XB402M

アーカイブ

PAGE TOP