Tingle.js - ミニマリストのための無料のバニラJSモーダルウィンドウスクリプト

モーダルウィンドウはすぐにデフォルトのブラウザ警告ボックスに置き換わりました。うまく設計されたモーダルは、優れたユーザーエクスペリエンスとより互換性があります。 モーダルウィンドウには多くのカスタムエフェクトとデザインが付属しています.

純粋なCSSモーダルを構築することは可能ですが、これらはしばしば特定のものを欠いています Je ne Sais quoi JSで動くスクリプトで見つかるでしょう.

そして私のお気に入りの1つはTingle.jsです。これは、シンプルなWebサイト用に構築された無料のJavaScriptモーダルウィンドウです。.

このライブラリはしばらく前から出回っていましたが、それでも技術的にはv1.0開発段階にあり、頻繁に改良が行われています。.

しかし、それは 純粋なvanilla JSで動作する安定したスクリプト だからあなたはどこでもこれを使用することができます。 ECMAScriptに関する知識がなくても、TypeScriptのような高レベルのライブラリも必要ありません。.

Tingle.jsのすべてはよく文書化されており、アニメーション、ボタン効果、およびコールバック関数をカスタマイズするための明確なAPIも付属しています。.

GitHubレポジトリを見てください。 メインAPIへのリンクを含む詳細情報 これらはすべてTingle.jsのホームページで詳細に説明されています。.

あなたがJavaScriptの編集を快適に感じているなら、あなたはこのプラグインを好きになるでしょう。作業はとても簡単で、CSSコードは自分のスタイルシートで上書きするのがさらに簡単です。.

主な文書はあなたができる実際の例で明確に概説されています HTMLにコピー/貼り付け.

Tingle.jsはかなり簡単なスクリプトです。あなたはそれが機能する方法が好きか、あなたは好きではないでしょう。.

メインのデモページに数分であなたはこれが好きかどうかを伝えることができるはずです。ユーザーから情報を取得したい場合は、ユーザー入力フィールドとともに必要な数のボタンをサポートします。.

それにこれでうまくいく サービスの面で巨大な長いモーダル, カスタムアラートメッセージ、さらには画像やビデオの埋め込まれたコンテンツ.

確かにそこで最もよくサポートされているモーダルウィンドウの1つで、すっきりとしたデザインはどんなレイアウトにも簡単に作り直すことができます。.