タブ インターフェースを簡単に実装するJavaScript （tabifier）

縦に長いコンテンツの場合、下に行くほど閲覧率が低くなる。検索エンジンの広告位置などでも、上位表示ほどクリック率が高い。Yahoo.comのトップページでもタブナビゲーションは積極的に取り入れられている。

タブナビゲーションの実装を楽にしてくれるJavaScriptがtabifier。ブログなどの記事で利用するのに向いている。タブを実装する上で、面倒なHTMLコードを毎回記述するのを、JavaScriptが補ってくれる。

JavaScript tabifier

サンプルのデザイン。CSSの修正でデザインは変更できる。

tabifierを単に利用するよりも、ウインドウ幅やディバイスによって、動的にレイアウトを変更したい場合などに利用するのがベストと言える。また、検索エンジンなどで流入した場合、本来表示されている部分が見えなくなる点なども考慮した上で、導入を検討していただきたい。