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-time-slider

    JavaScript

    時間と日付を選択できる「jquery-time-slider」

    jquery-time-sliderは時間と日付を選択できるjQuer…

  2. no-image

    JavaScript

    ダイナミックに回転してコンテンツが切り替わる「Page Scroll 3D」

    Page Scroll 3Dは、クルッとダイナミックに回転してコンテン…

  3. flexible-bootstrap-carousel
  4. iconate.js

    JavaScript

    アイコンをオシャレにアニメーションしながらtransformさせる「iconate.js」

    iconate.jsはアイコンをアニメーションさせながら別のアイコンへ…

  5. PhotoJShop

    JavaScript

    写真にエフェクトやフィルタをかけることができるjQueryプラグイン「PhotoJShop」

    PhotoJShopというjQueryプラグインを使えば、写真にエフェ…

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP