designとusabilityに関するtyoro1210のブックマーク (3)
-
タブUIの構造や特長、設置の判断、ユーザビリティ、アクセシビリティ、実装のポイントや機能の拡張方法、実装例やスクリプト例をSmashing Magazineから紹介します。 Module Tabs in Web Design 以下、その意訳です。 ※原文では﹁タブモジュール﹂となっていますが、タブモジュールやタブUIと記載すると煩雑になるため、﹁タブ﹂と略します。 タブのみを指す場合は、﹁タブ コントロール﹂としています。 はじめに 1. タブの構造 2. タブはいつ使用するのか 3. タブのユーザビリティとベストプラクティス 4. タブのアクセシビリティ 5. タブの拡張 6. タブの実装集 7. タブを実装するためのチュートリアル集 8. タブを実装するスクリプト集 はじめに タブモジュールは複数のコンテンツを異なるパネルに配置したユーザインターフェースのデザインパターンです。 パネル
-
はてなスターの色つきバージョン、﹁カラースター﹂が開始されて一週間。 ホッテントリに入っている良エントリーにカラースターが付けられているのも、ちらほら見かけるようになりました。 このカラースターに言及しているエントリーを見まわっていたら、一つ、気になる記事を発見！ 面白いと思うけど，これ，赤と緑が見分けづらいのだが。 どこまで赤でどこから緑か，画面に顔を近づけないと分からない。 記事元‥カラースターの赤と緑が見分けづらい - 安眠アダージェット これは不便だろうなーと思って、どんなふうに見えるのか調べてみることにした。 検証方法 ソフト‥富士通が提供している﹁Color Doctor﹂を利用。 画像‥カラースターショップのトップ画像。︵本当はカラースター全部が付けられている記事で検証したかったけれど、見つけきれなかった。︶ 色覚異常の知識‥ Wikipedia の色覚異常を参照。他には、色
-
1．リンクの target 指定問題 他サイトへのリンクを新しいタブで開きたいとは考えない人が現にいるにもかかわらず、target="_blank" とすると、閲覧者は選択の余地なく新しいウィンドウを開かされてしまう。これが target="_blank" が嫌われる唯一無二の理由です。 そもそも新しいウィンドウという発想のないブラウザを利用している場合、target="_blank" は無視されます。テキストブラウザの大半とか、携帯電話に搭載されているブラウザとか。W3C が target 属性を排除する方向で HTML の改訂を進めてきたのは、target 属性に汎用性がないからです。リンク先を新しいウィンドウで開くとか、新しいタブで開くといった機能は特定環境でしか意味がないのだから、HTML 文書ではなくブラウザが対処すべき課題なのです。 現に、Firefox の拡張プラグインには、
-
1
タブUI詳解
色覚異常によるカラースターの色の見え方 - no.10
バカな閲覧者は勝手に不幸になればいい
