Webページは上から下へ、縦スクロールで辿るのが一般的です。しかし、それが最適ではないコンテンツもあるでしょう。例えばドリルダウンしていくコンテンツの場合、縦よりも横の方が合っているかも知れません。 今回紹介するNoodel.jsはマウスやキーボードを組み合わせて使えるダイナミックコンテンツ用ライブラリです。

Noodel.jsの使い方

コンテンツが縦に表示されて、その次の階層は右側に出ます。

カテゴライズされているコンテンツにマッチしています。

スマートフォンなどにも向いています。スワイプ操作ができます。

Noodel.jsはキーボードが使えるので、慣れるとコンテンツをどんどん掘り下げて閲覧できます。スムーズなアニメーションも特徴的で、さくさくと閲覧できるのが気持ちいいです。

Noodel.jsはTypeScript製のオープンソース・ソフトウェア（MIT License）です。

Noodel.js zlu883/Noodel: User interface for beautiful, dynamic content trees.