tingle.js

JavaScript

シンプルで手軽に実装できるモーダルウィンドウ「tingle.js」

tingle.jsは、シンプルなモーダルウィンドウを実装できるスクリプトです。ピュアJavaScriptで、ほかのライブラリなどに依存することなく使えるのがいいですね。ちょっとしたコンテンツから本格的なコンテンツまで、幅広いものを表示させることができます。

tingle.js

tingle.js

サンプルには、スモールコンテンツ、ダイアログ、ビッグコンテンツ、固定表示、動画といったものが用意されています。ベースがシンプルだからこそ、どのコンテンツを表示させても違和感なくおさまりますね。

応用次第でさまざまなwebページに活用できるのではないでしょうか?

モーダルウィンドウを表示させたときの、背景のボカシ具合もすごく素敵です。

また、オプションやAPIもいろいろ用意されているほか、CSSでのカスタマイズもできるので、気になる方はぜひチェックしてみてください。

というわけで、シンプルで実装も手軽にできるモーダルウィンドウ「tingle.js」のご紹介でした。tingle.jsのダウンロードは以下からどうぞ。

tingle.js

関連記事

  1. ad-datepicker

    JavaScript

    アクセシブルなデートピッカーを実装できる「ad-datepicker」

    ad-datepickerはアクセシブルなデートピッカーを実装できるj…

  2. paroller.js

    JavaScript

    垂直・水平の動きに対応したパララックス効果を実装できる「paroller.js」

    paroller.jsは垂直・水平方向の動きに対応したパララックス効果…

  3. progresspieSVG

    JavaScript

    円形のプログレスバーを実装できる「progresspieSVG」

    progresspieSVGは円形のプログレスバーを実装できるjQue…

  4. Create a month picker jQuery plugin
  5. no-image

    JavaScript

    スライドアニメーションによる多階層なハンバーガーメニュー「ggContentMenu」

    ggContentMenuはスライドアニメーションを備えた多階層に最適…

  6. FocusPoint

    JavaScript

    画像の指定した部分を中心にレスポンシブ化できるjQueryプラグイン「FocusPoint」

    FocusPointというjQueryプラグインを使えば、画像の指定し…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP