スムーズに伸縮するシンプルなタブインターフェイス「Organic Tabs」

少ないスペースで様々な情報を格納できるタブ式のインターフェイス。現在では情報サイトをはじめとして様々なサイトで導入されていますが、今回紹介するのはシンプルかつ機能的なタブインターフェイス「Organic Tabs」です。

organictabs01

非常に使い勝手が良くリストタグとjQueryのみで実現できるので、実装もシンプルで簡単になっています。挙動のスクリーンキャストを収めた動画が公開されていましたので下記に貼り付けておきます。

動画は以下から

ブログをはじめとして様々なサイトで使えそうです。実際の動作デモはこちらから見ることができます。また基本的にはCSSでデザインは制御されていますので、カスタマイズも容易にできるかと思いますので、動画の前半のようなものもコチラをベースに仕上げることも可能です。

英語サイトでの配布となっていて、ドキュメントも英語ですが、サンプルをダウンロードできるようになっておりますので、英語が苦手な方でも簡単に利用できるかと思います。