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. FREVR

    JavaScript

    シンプルな無限スクロールを実装できるjQueryプラグイン「FREVR」

    FREVRはシンプルで軽量な無限スクロールの機能を実装することができる…

  2. Validatr

    JavaScript

    HTML5のinput属性による検証ができるフォーム実装「Validatr」

    Validatrは、HTML5のinput属性を用いて検証できるさまざ…

  3. trunk8

    JavaScript

    長い(はみ出した)テキストを「・・・」に置き換えてくれるjQueryプラグイン「trunk8」

    長いテキストやはみ出したテキストを「・・・」といった文字に置き換えてく…

  4. jquery.simple-scroll-follow
  5. GridTab

    JavaScript

    グリッドベースのレスポンシブなタブを実装できるjQueryプラグイン「GridTab」

    GridTabはグリッドベースによるレスポンシブに対応したタブを実装す…

  6. jQuery GoUp!

    JavaScript

    ページ上部にスクロール移動してくれる「jQuery GoUp!」

    jQuery GoUp!は、ページ上部にスクロール移動してくれるシンプ…

最近の記事

  1. 冬用のふとん
  2. 田沢湖
  3. ゴムの耳栓
  4. ライオンコーヒー(バニラマカダミア)
PAGE TOP