tingle.js

JavaScript

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

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

tingle.js

tingle.js

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

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

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

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

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

tingle.js

Radial SVG Slider放射状に切り替わるスライダーを実装できる「Radial SVG Slider」前のページ

iPhoneのバッテリーを節約したいときに役立つアプリ「バッテリーマニア」次のページ

関連記事

  1. Palette-js

    JavaScript

    美しいカラーパレッドを追加できる「Palette-js」

    Palette-jsは美しいカラーパレッドを手軽にプロジェクトに追加す…

  2. Simple button checks

    JavaScript

    カスタマイズ可能なチェックボックスを実装できる「Simple button checks」

    Simple button checksはカスタマイズ可能なチェックボ…

  3. jQuery Responsive Thumbnail Gallery Plugin

    JavaScript

    レスポンシブなサムネイル付きのイメージギャラリーを実装できる「jQuery Responsive T…

    レスポンシブなサムネイル付きのイメージギャラリーを実装できる「jQue…

  4. 2013年上半期jQueryプラグインまとめ

    JavaScript

    当ブログで紹介したjQueryプラグイン19選のまとめ 2012/04 – 2012/0…

    2012年4月〜2012月7月までの当ブログで紹介したjQueryプラ…

  5. FREVR

    JavaScript

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

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

最近の記事

  1. 芳醇な香りのラムレーズンサンド
  2. Aモーニングセット
  3. 白トリュフの塩パンやメロンパンなど
  4. 東京都現代美術館
  5. スーリア バターチキン

アーカイブ

PAGE TOP