日本でもタブレットが普及してきていたり、スマートフォンもより大型なディスプレイが使われるようになっています。それに伴って表現できる情報量が増しています。 スマートフォンでは難しかった表現もタブレットの大きさであれば容易です。今回はその一つ、スプリットビューを実現するSplit.jsを紹介します。

Split.jsの使い方

デモの画面です。画面全体ではなく一部でも使えます。

マウスで動かせます。

実際に動かしているところです。

かつてはframeタグを使って表現していたようなものもHTML5で簡単にできるようになっています。通常、こうした機能はフレームワークの一機能として提供されるのですが、Split.jsであればその機能だけをミニマムに導入できるのが魅力です。

Split.jsはHTML5/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

Split.js nathancahill/Split.js