Chardin.jsはWebサイトの画面上に項目の説明を表示するJavaScriptライブラリです。 スマートフォンアプリをはじめ、Webアプリケーションで最初に表示した時に説明を表示するタイプのWebサイトが増えてきました。凝ったものもありますが、もっとシンプルに実装したい時に使えそうなのがChardin.jsです。 最初の表示です。ボタンを押します。 各DOMごとに説明が表示されます。 ソースを見ると分かりますが、data-*で表示する内容を指定しています。 Chardin.jsは説明用のテキストとその表示位置(上下左右)、さらに一度表示した後ボタンを非表示にしたり、逆に別な要素を表示したりすることもできます。汎用的ではないかも知れませんが、手軽にチュートリアルやヘルプ画面を実現するのに便利そうです。 Chardin.jsはJavaScript製、Apache License 2.0の