Webデザインとしてのタブを考えてみよう

原井彰弘
2008-02-22 20:19:01
  • このエントリーをはてなブックマークに追加

 ブログ「Noupe」の2月21日の投稿「37+ Great Ajax, CSS Tab-Based Interfaces」では、「タブ」を用いたウェブサイトのインタフェースが多数紹介されている。

 紹介されているものは、Ajaxを用いて動的に内容を読み込むタブや、閉じることが可能なタブのような、実際に使える場面がありそうなものから、カーソルを乗せただけで表示が切り替わるタブや、切り替え時にフェードアウトするタブ、一定時間ごとに自動的に切り替わるタブ、切り替え時に内容がスライドするタブといったあまり実用的でないものまでさまざまだ。そのほか、CSSだけでタブを実現する方法も数多く紹介されている。

 紹介されているインタフェースはすべてライブラリのサンプルやチュートリアルなので、簡単に実現方法を学ぶことが可能だろう。

 タブを用いたWebサイトを構築する際には、このページを参考にしてはいかがだろうか?

  • 新着記事
  • 特集
  • ブログ
このサイトでは、利用状況の把握や広告配信などのために、Cookieなどを使用してアクセスデータを取得・利用しています。 これ以降ページを遷移した場合、Cookieなどの設定や使用に同意したことになります。
Cookieなどの設定や使用の詳細、オプトアウトについては詳細をご覧ください。
[ 閉じる ]