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

このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

はじめにパワーポイントというのは、今や企画書作成用ツールとしてビジネスになくてはならない存在になった感があります。ぼく自身も、本業は企画者なので、これまで数え切れないくらいの企画書をパワーポイントで書いてきました。そんな中で、最も気をつけ、また力を入れてきたのが「デザイン」でした。内容もさることながら、見た目の美しさや、読んでみたくなるような構成・演出、読みやすさなどに、何よりこだわってきました。なぜかといえば、企画書というのは、多くの場合、まず手に取ってもらうまでに大きなハードルがあるからです。その次に、実際に見て読んでもらうまでにまた大きなハードルがあります。 企画書というのは、書いたら必ず読まれるというものではありません。むしろ多くの企画書は、ほとんど読まれない運命にあります。なぜかといえば、企画書というのはたいていいくつも提出されるからです。一つの案件に対し、10個も20個も提出さ

ウェブサイトで連続的な複数のページがある場合、そのナビゲーションには 「次（Next）」　と　「前（Previous）」 が使われることが多いが、これにはいつも、何かスッキリしないものを感じている。 ブログに代表されるように、たいていの場合は「日時の降順」、つまり「新しい順」に並んでいることが多い。それを考えれば、 「次（Next）」　＝　もっと古いもの（過去） 「前（Previous）」　＝　もっと新しいもの（未来） となるのは明らかではある。 しかし、ウェブやブログを前提としない、普通の「時間感覚」でいえば、前方に未来があり、後方に過去があるので（注）、 「次（Next）」　＝　未来（もっと新しいもの） 「前（Previous）」　＝　過去（もっと古いもの） という連想も働かないわけではない。 つまり、まったく反対の意味が、オーバーラップして重なってしまうわけだ。 ここでは、意味やラベ

色覚障害や白内障などの人が見分けやすい色見本（２０色）を東京大、日本塗料工業会などが作成した。色覚障害の人が見分けにくい色は分かっていたが、色覚の多様性に配慮した実用的な配色セットはなかったという。 色覚障害は色の感じ方にかかわる遺伝子の変異によって起こる。赤と緑、青と紫など特定の色が見分けにくく、日本人男性の２０人に１人いると推定される。白内障では紫から青が暗く見え、明るい黄色と白も識別しづらいという。一方、カラーの路線図など公共施設の案内表示や電化製品の操作画面などのカラー化が急速に普及、色の見分けにくさが問題になっている。 東京大の伊藤啓准教授（分子神経生物学）らは、色覚障害者ら延べ約４０人に、一般人が認識する約３０の色の群の中から見分けにくい色を選んでもらい除外し、残った色の中から区別しやすい２０色を決めた。赤はややオレンジに近く、黄色は白と区別しやすいようにやや濃くなっている。紫

Latest topics > 他のアドオンと衝突しないように心がけたいし、心がけて欲しい 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « ツリー型タブとVimperatorが衝突する Main 中学生男子のおっぱいへの情熱に溢れた青春映画「おっぱいバレー」 » 他のアドオンと衝突しないように心がけたいし、心がけて欲しい - Apr 17, 2009 「次のエントリで書く」なんて予告じみたことを書いてはみたものの、どうも話がまとまらない。もう、思ったことを箇条書きで書くだけにする。 現実的に言って、1つのアドオンであらゆる人のニーズを満たすことは不可能だと思うし、そういう方向での努力はしない方がいいとも思う。何でもかんでも……と際限なく詰め込んで

インターネット上の書店「アマゾン」の利用者が商品について投稿する批評欄「カスタマーレビュー」に、いったん掲載された好意的なレビューが削除されたとして、話題作「日本語が亡（ほろ）びるとき」の著者で作家の水村美苗さんが、「削除理由について納得のいく説明がなく、公正さが疑われる」と批判している。ネット上の批評をめぐる議論に一石を投じる発言だ。 　「カスタマーレビュー」は、利用者が本などを星一つから五つまでの５段階で評価して批評文を投稿するもので、誰でも閲覧できる。 　「日本語が亡びるとき」の発行部数は５万部。版元の筑摩書房によると、同書の「レビュー」のうち、昨年１１月５日の配本から１２月１５日までの間に五つ星レビューが少なくとも六つ消失した。 　アマゾンの「ガイドライン」には「長さは８００字までに」とあるほか、「冒涜（ぼうとく）的、猥褻（わいせつ）、また悪意を含む表現や動画」など１７項目の掲載禁

2009-02-03, 二月 いよいよ二月なのか。二月だなんて、どうやったって納得はできない。他人だったらきっととっくにあきれてるのに、いや他人じゃなくても呆れてるのに、こればっかりは慣れない。二月、本当の二月、慣れるわけがない。遊んで、話して、歩いて、イライラして、怒って、絶望して、諦めて。でもそれは無くしたんじゃなくて、積み上げてきたもののはずだった。だから二月のことなんて長いこと忘れてたのに。…そうだ、忘れてたんだ、忘れていたよ、僕はずっと、忘れていたんだよ。 なのに、二月かよ。ここで二月だって言うのかよ。 二月以前に、僕には見えなくなっているものが多すぎるのかな。僕は実際のところアレだから、二月はしょうがないと、どっかでは思ってた。だけど、だけどさ、まだ二月は決まったわけじゃない。だってほら、たしかにそうだけど、ほんとにそうなんだけど、でもそれは"予感"みたいなものだ。別に無くたっ

気になっていたポスターがあります。ある展覧会のポスターなのですが、光朝で組まれたこの画家のお名前、最後の「三」の字の座りが悪い……。一文字だけ横画を太らせているのです。 強いコントラストが特徴の光朝ですから、「三」のように横画ばかりの文字は、太い縦画がないぶん他の文字より弱く見えるのは道理です。しかしだからといって、この例のように一文字だけ手を加えてしまうと、バランスがおかしくなって美しさが損なわれるように感じます。 ところが先日、東京国立博物館にまた別の展覧会を見に行ったら、さらに度肝を抜かれてしまいました。入館すると音声ガイドのポスターが目に飛び込んでくるのですが、ナレーション役の俳優さんのお名前が次の画像のように組まれていたのです。 たぶん小塚明朝です。最後の一文字をご覧ください。解説するまでもなく、漢字の「二」であるべき文字がカタカナの「ニ」になっています。はじめの例と同様の意図で

うーん。情報デザインフォーラムなどで普段ご一緒させていただく山崎さんも絡んでるので、あんまり否定的なことは書きたくないですが、いちお、自分の意見は示しておきます。 HCD-Netで「iPhoneに超えるには」というイベントがあります。 イベント自体は「iPhoneに超えるには」というテーマになっているようですが、内容をみるとなぜかUIのことばかりなのは大いに不満です。UIだけiPhoneを超えてどうするつもりなのでしょうか。ユーザーがiPhoneのUIだけを期待してiPhoneを使っていると考えているのでしょうか。それがHCDなんでしょうか。 僕がHCDをどう捉えているかは著書『ペルソナ作って、それからどうするの？』で「ウェブサイトでなく人びとの暮らしをデザインする」と書いているとおりで、あくまで人びとの暮らしや仕事のなかでの問題をどう解決するか、その具体的な解決策を提示することだと考えて