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

AOSスクロールに合わせていろんなアニメーションで表示できる「AOS」前のページ

iPhoneのロック画面・ホーム画面にメモを表示できるアプリ「ロック画面メモ」次のページ

関連記事

  1. Presentation Slideshow
  2. no-image

    JavaScript

    軽量・高速でレスポンシブ対応のjQueryスライダー「partialViewSlider」

    partialViewSliderは左右にスライドする軽量・高速でレス…

  3. Auto-Text-Scroll

    JavaScript

    自動でテキストが垂直にスクロールしていく「Auto-Text-Scroll」

    Auto-Text-Scrollは自動でテキストが垂直でスクロールして…

  4. JavaScript

    リストなど複数の要素をランダムにフェードで表示していくjQueryプラグイン「champagne.j…

    どこかで使う機会がありそうな感じのjQueryプラグイン「champa…

  5. no-image
  6. gridslide.js

    JavaScript

    いろんな方向に画像をスライドできるjQueryイメージスライダー「gridslide.js」

    gridslide.jsはいろんな方向に画像をスライドさせることができ…

最近の記事

  1. スタバ ドリップコーヒー
  2. エチオピア
  3. 紗々 飴色和栗
  4. DCG-CA21
  5. Apple WatchでのMacロック解除を無効

アーカイブ

PAGE TOP