昨日のエントリーで、プレゼンの資料において、「色に情報を運ばせる」ことについて簡単に触れたが、少し説明が不十分だったと思われるので、具体的な例をあげてもう少し分かりやすく説明しよう。 まずは下の図を見て欲しい。 ブログに関わる人たちをグループ化した図だが、グループが三階層に分かれることと、その数が上位層になるほど数が少なくなることを表現する、という目的はきちんと果たしている。 問題は色使いである。せっかくカラー画面を使ってプレゼンをするのだからと、色を着けたのだろうが、色分けそのものは何の役も果たしていない。「役目はないが、無駄ではなかろう」というのが通常の考え方だが、Tufteはそれを「情報量の無駄使い」と呼ぶ。彼ならば、こんな「色使い」を薦めるだろう。 上位層に行けば行くほどブログとのかかわりが「濃い」ことを色の濃淡で表している。つまり色情報がちゃんと役割を果たしているのだ。それに加え
Webサイトを設計する際，「色」は様々な問題を起こします。開発者それぞれの想いが込められやすいのかもしれません。開発末期になってから，色の変更指示で不眠開発になるという話は，いまだ昔話にはなっていません。 色の問題を解決するためには，色についての知識があったほうが助かります。ただし，色自体の講釈をここではしません。色を決めていく過程の参考になりそうなことを記します。 刷り込まれている色/固定イメージのある色 私たちは様々な色に囲まれて生活しています。その中で，色と行動が一番密接にかかわりを持つのは「信号」です。我々の取るべき行動を色が指示します。それはあまりに一般的になりすぎて，我々は無意識のうちにそれらの色に対して同様の行動パターンを取りやすくなっています。 例えば，赤色を見ると何か危険なことがそばにあるのかもしれないと警戒したり，黄色の標識を目にすると周囲に対して少し注意力をはらったり
重要: gdi++.dll の開発は中断しています。このソフトならびにページはこれ以上更新されないかもしれません。その代わりといってはなんですが、FreeType2 をラスタライザとして利用する新しい gdi++.dll の派生版の開発が、現在有志の方々によって進められています。オリジナルと比較して、パフォーマンスや品質が劇的に向上しています。詳細については、2ch の該当スレッドやWikiをご覧ください。 Mac OS X のそれと同じくらいボケボケの美しいスクリーンフォントを、Windows にも。 Windows のグラフィック操作の中枢をつかさどる gdi32.dll をインターセプトします。 Windows の低品質なクソフォントレンダラ 従来の Windows のフォントレンダラでは、ビットマップを持たないたいていのアウトラインフォントは薄く、かすれて表示されていました。Win
Professor D.E. Knuthが、1977年頃彼の著書 " The Art of Computer Programming"を出版する際、印刷システム（原稿、ゲラ、校正、印刷等）の不便さから、彼自身が独自で開発した文書作成用のソフトウェアです。 通常、パソコンまたは、ワークステーションを用いて、印刷物を作るとき、ワープロやDTP（Desk Top Publishing）と呼ばれるソフトを利用して、作成します。これらは、WYSIWYG(What You See Is What You Get: モニタに映し出されたものが印刷される（正確には、モニタのdpiの値とプリンタのdpiの値の差がある）)ソフトとも呼ばれ、数式や記号を入力する際、マウスを利用することになり、かなり、面倒な操作（マウスを扱うのとTeXのコマンドを覚えるのことのどちらが、面倒なのかは個人に依存しますが）を必要とし
bamagazine.com expired on 08/06/2021 and is pending renewal or deletion.
Een Besloten Vennootschap (BV) is een veelgebruikte rechtsvorm voor ondernemingen. In dit artikel onderzoeken we de voordelen en nadelen van een BV en waarom het oprichten ervan een verstandige zet kan zijn voor veel ondernemers. 1. Voordelen van een BV Beperkte Aansprakelijkheid Een van de belangrijkste voordelen van een BV is de beperkte aansprakelijkheid. Dit…
リスト1は、同じ処理を繰り返すようなコードで初心者プログラマーがよく使う幼稚なスタイルで書かれている。必ずしも複雑ではないが、筆者には散らかっていて効率が悪く見える。リスト2の方が複雑な条件になっているが、Javaを理解していれば、かなり読みやすい。唯一疑問を抱くかもしれないとしたら、最後の「else if」の中にある条件の最初の部分だけだ。このクローズに来るということは、どちらかのプレーヤーが勝ったことを意味する。 いずれのインプリメンテーションも間違ってはいない。実際、これらはどちらも非常に小さく、つまらない例にすぎないので、これらのリストでコードがいかにクリーンか論ずるのはあまり有益ではない。ただ、何をもってインプリメンテーションがクリーンなのかについて読者の興味を深めることはできるだろう。 クリーンなコードについて扱った記事、Webサイト、書籍は多数存在する。何をもってコードをクリ
CSS を扱う上でセレクタの存在はとっても重要です。特に CSS3 Selectors ではかなり複雑な条件分岐ができるようになっていますので、スマートな (X... CSS を扱う上でセレクタの存在はとっても重要です。特に CSS3 Selectors ではかなり複雑な条件分岐ができるようになっていますので、スマートな (X)HTML、CSS コーディングを行う上で、セレクタを理解しているとそうでないのでは生産性に差が出ます。 CSS3 は現在 Working Draft の段階ですので、まだ正式な勧告はなされていませんが、多くのモダンブラウザにおいてそのほとんどが先行実装されていることから、現状でも利用価値が高いといえます。 ということで、ここでは自分へのメモの意味も込めて、CSS3 で定義されているものも含めた各 CSS セレクタについてリファレンスしてみようと思います。 今回の解説
前回の続きです。今回も引き続き、CSS3 で定義予定のものも含めて、CSS セレクタのリファレンスいきます。 今回は擬似クラスを中心に取り上げてみますが、CSS3 では擬似クラスが大幅に拡張されていますので、見慣れないものばかりかと思いますが、知っておくといいかもしれません。ただし、ブラウザのサポートはまだまだですので、実用性は高くないと思います。 擬似クラス (Structural pseudo-classes) E:root ドキュメント内のルート要素である E という要素にスタイルを指定します。CSS3 で定義。(X)HTML においては、ルート要素は html 要素になるので、 :root { margin:0; padding:0; } とすれば html 要素にスタイルが適用されます。XML の場合は、DTD で指定されたルート要素に対して適用されます。 E:nth-child
metal.ize - tutoriales Este es un peque・ experimento con CSS que muestra un men・circular con los elementos a su alrededor.CSSを使ってカッコいい円形メニューを作るサンプル。 次のような円形でアイコンにカーソルを合わせるとツールチップが表示されるような円形メニューのサンプルが紹介されています。 尚、紹介したページの言語は英語ではないのですが、解説ページのサンプルコードを読みつつ原理を理解するとよいでしょう。 HTMLがリスト要素になっていて綺麗なHTMLになっているのが特徴。ＣＳＳをオフにすると次のようなリスト要素の見栄えになります。 Flashや画像のクリッカブルマップでこういったナビゲーションを作るのは簡単そうですが、リスト形式のものはなかなか無かった気がします。
上記画像、左の顔は怒っていて、右の顔はふつうに見えますが、ちょっとこの画像を見たままパソコンから離れていってみましょう。いつのまにか左右の顔が逆転しているはずです、不思議。これ、「Hybrid Images」（ハイブリッドイメージ）というものらしい。 どういう理屈でこうなっているのかというのと、その他の写真の例は以下の通り。 まず基本的な原理は以下の通り。Flashによる例です。 Dr. Angry and Mr. Smile ぼけたりシャープになったりするとそれによって見えるものが違ってくるため、イメージが逆転するというわけ。これについてはMITが研究成果をSIGGRAPH 2006にて発表しており、以下のページでいろいろな実例画像を見ることができます。 Hybrid Images @ MIT こんな感じの画像がいっぱいあります 以下にも例があります。 David & Adriana o
約2ヶ月くらい前に、Printing the Web: Solutions and Techniques | Smashing Magazineというエントリーを読みました。10個以上の海外のサイトのいろんな印刷向けCSSやJavaScriptのTipsが紹介されていて、「印刷用CSSをまとめてみた。」を書いた自分としては何とか分解してやりたいなと思っていました。で、本日ようやく分解が一通り終わりましたので、その中で得たTipsを紹介します。 印刷用デザインも1つのWebデザインプロセスとして考えておく。 今回、このエントリーが最も自分にとっては衝撃的でした。印刷用CSSの機能面だけを追い求めて、「まあ、印刷されるときに、最低限読めればいいんでしょ？」くらいにしか思っていなかった自分が、ちょいと情けない。元ネタは、Five Simple Steps to Typesetting on th
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く