タブUI詳解

タブUIの構造や特長、設置の判断、ユーザビリティ、アクセシビリティ、実装のポイントや機能の拡張方法、実装例やスクリプト例をSmashing Magazineから紹介します。 Module Tabs in Web Design 以下、その意訳です。 ※原文では「タブモジュール」となっていますが、タブモジュールやタブUIと記載すると煩雑になるため、「タブ」と略します。 タブのみを指す場合は、「タブ コントロール」としています。 はじめに 1. タブの構造 2. タブはいつ使用するのか 3. タブのユーザビリティとベストプラクティス 4. タブのアクセシビリティ 5. タブの拡張 6. タブの実装集 7. タブを実装するためのチュートリアル集 8. タブを実装するスクリプト集 はじめに タブモジュールは複数のコンテンツを異なるパネルに配置したユーザインターフェースのデザインパターンです。 パネル

[hideboux]

“スを困難なものにしないために”

[beth321]

　コリス

[Queis109]

タブについて　マニアック！

[vanish_l2]

タブメニューについて

[ama-ch]

参考になる〜

[gentlekoop]

　タブデザイン重要！

[tinsep19]

パネル間のナビゲーションの遅延、パネルの切り替えにページのリロードは避けてください。> できてない

[Dreiji]

タブについて

[kanariia]

タブUIの構造や特長、設置の判断、ユーザビリティ、アクセシビリティ、実装のポイントや機能の拡張方法、実装例やスクリプト例をSmashing Magazineから紹介します。

[totttte]

＞パネル内の情報が互いに比較させるものである時、あるいは同時に表示させる必要がある時は、ユーザーの苛立ちをつのらせます。

[apple2tea]

タブUI詳解

[hagepon0703]

タブのデザイン

[kiyotaka_h]

良いサンプル。

[moqada]

タブUIの構造や特長、設置の判断、ユーザビリティ、アクセシビリティ、実装のポイントなど

[accent_32]

タブは特定の情報を探しているユーザーへの補助として考えるべきかな。何でもかんでもタブに格納するTOPページがあるけど、見せなくてはいけない情報が裏側に隠されてしまう。

[seiunsky]

タブUIについて

[wakaspec]

タブ

[hysa]

タブUIまとめ。チュートリアルもあり。

[seikenn]

タブについてのまとめ。

[ku_marin]

タブを使用する前に

[oki448jp]

タブの構造

[f_oggy]

UIの説明だけでなく、その必要性などにも触れている

[yasu-log]

タブデザインのUIについて。ユーザビリティーの詳解などよくまとまっている。

[sw_lucchini]

タブを使う上での注意点

[muchonov]

タブ実装あれこれ

[acidgraphix]

なぜタブを使うのか、使いやすいタブとは、タブは奥深い。

[kennyboa]

もう一度おさらいします。

[ueyaman4649]

css tab