つまり人間はページを見る場合、「F」の字を描きながらページ全体を見ているというわけ。 これは232人の被験者を対象に行われたもので、大体1ページから重要なコンテンツを見つけるために2秒から3秒というものすごい短時間に驚異的な速度でページを見ていくそうで。 で、その視線の経路をビジュアル化したのがこの画像。全部で3段階のステップを踏んでおり、各段階を踏んでいった結果、「F」の字を描くというわけ。大体どのユーザーも一貫してこのパターンを踏んでいるらしい。以下がその全3段階の説明。どういうレイアウトが効果的なのかが分かります。 F-Shaped Pattern For Reading Web Content (Jakob Nielsen's Alertbox) http://www.useit.com/alertbox/reading_pattern.html 第1段階： 訪問者は最初にページの

まずは何も考えずに配色を考えたい人向けの「Color Wheel」から。 Color Wheel - ver 2.0.1 http://www.webwhirlers.com/colors/spinwheel.asp 「SPIN」をクリックすれば次々と配色が自動的にドンドン変わっていくので、お気に入りを見つければいいだけという超簡単仕様。各配色は背景や文字色などに割り当てられており、チェックマークを押すことで入れ替え可能。また、「HOLD」にチェックを入れればその色は「SPIN」を押しても変化しないようにできるので、気に入った色を見つけたらそれだけ固定して、さらに次の色も固定して入れ替えて…というようにすれば、いくらでも自分好みのカラーパターンを生成できるというわけ。 また、「Example1」以外にも「Example2」を押せば違うページレイアウトでの使用例も見ることができるので、同じ配

ウェブブラウザ「Google Chrome」の最新安定版であるバージョン123.0.6312.58(Linux)／123.0.6312.59(Windows、Mac)がリリースされました。CSSやWeb APIに様々な機能が追加されており、従来よりさらにウェブコンテンツの表現力が豊かになっています。 Chrome Releases: Stable Channel Update for Desktop New in Chrome 123: light-dark function, Service Worker Routing API, and more! - YouTube ◆CSS関数light-dark() CSSの色関数として、新たにlight-dark()が追加されます。この関数は引数として2つの色を指定することができ、下記の状況に応じていずれか一方を返します。 ・ウェブ開発者が明色

ファイルサイズわずか10キロバイト、CSSの1から3、XPathをサポートし、Internet Explorer、Firefox、Safari、Operaで動作します。「JavaScriptのコードを書くのが楽しくなる」というのがモットーらしい。 ダウンロードや実際の例、使い方などの各種取り扱い説明は以下の通り。 jQuery: New Wave Javascript http://jquery.com/ 上記ページの「Run」をクリックするとその機能の一端を垣間見ることができます。面白い効果です。 その他のデモとしてはこんな感じでいろいろなところに使えます。特に一番下の「Example G」のボタンをクリックしてから本文の上にマウスを乗せると色が変わり、フェードしながら元に戻るというのはシンプルながら面白い。 JQuery http://codylindley.com/blogstuff

Firefoxはページのブラウジングを快適にするため、パソコンに搭載されているメモリを使いまくるという仕様になっています。ふつうの一般ピープルであればだからといってどうということもないのですが、Firefoxを好んで使う人のブラウジングスタイルだと異常なほどのメモリを消費し、もっさりしてきたり、快適さが損なわれてしまうように感じるのもまた事実。 なんとかならないものかとみんなあれこれ試行錯誤しているわけですが、そういう対策で一番お手軽で快適さが損なわれない方法を1つ、ピックアップしておきます。 なお、この対策方法はFirefox、Thunderbird、Mozillaで動作確認しています。 ■最小化したときにメモリ消費量を減らす メモリ消費量を抑える一番簡単な方法です。やり方もとっても簡単。 1. アドレスバーに「about:config」と入力してEnterキーを押す 2. 開いたページ

ページにアクセスすると、いろいろな情報が相手に伝わります。例えば下記のページにアクセスすれば、どういった情報が相手に伝わっているのかが分かります。 診断くん http://gigazine.net/cgi-bin/envchk080.cgi 「REMOTE_HOST」を見ればどこからアクセスしているのかが分かるので、会社から見ているのか、学校から見ているのか、あるいはマンガ喫茶から見ているのか、などがわかります。 こういう情報を相手に知られたくない場合、直接アクセスせず、代理でアクセスしてくれる「プロキシサーバ」を使えば、自分の情報が直接見ようとしているページに伝わることはなくなります。例えば、職場や学校からネットをする際に使えば、相手ページに職場や学校からアクセスしていることがばれないようになるというわけ。 が、いちいちプロキシサーバの設定をするのは面倒だとか、そもそも既にプロキシサーバ

「ダレル・ロイヤルの手紙」という名文が存在する。 一体どこの書籍で引用されていたのか、あるいはどこに書かれていたのか、その出所が全く不明であり、海外を広く検索しても、その原文はどこにも存在していないようだし、ダレル・ロイヤルのサイトにある名言集にも掲載されてはいない。 しかし、その内容自体は非常に秀逸であり、GIGAZINEをどんなときも更新し続けた精神と似ている部分があるので紹介しておきます。 親愛なるロングホーン諸君 打ち負かされる事自体は、何も恥じるべき事ではない。打ち負かされたまま、立ち上がろうとせずにいる事が恥ずぺき事なのである。ここに、人生で数多くの敗北を経験しながらも、その敗北から、はいあがる勇気を持ち続けた、偉大な男の歴史を紹介しよう。 1832年　失業 1832年　州議選に落選 1833年　事業倒産 1834年　州議会議員に当選 1835年　婚約者死亡 1836年　神経衰

「curvyCorners」はフリーのJavaScriptで、角が丸いコーナーをDIV要素で簡単に作ることが可能。特徴は画像を使ったのと同じくらい角がなめらかに丸くなる点と、いたって利用が簡単な点。 どれぐらい丸くなるのかという実例とコードのダウンロード、設置方法は以下を参照。 例その1、3ピクセルの白いボーダーを使い、角は半径20ピクセルで丸くなってます 例その2、固定幅と高さで画像を固定し、角は半径20ピクセルで丸くしている例 ダウンロードはこちらから 使い方は以下を参照 http://www.curvycorners.net/ ほとんどのメジャーなブラウザをサポートしているので汎用性も高く、使い勝手もいい感じです。

フリーソフトというか、オープンソースで開発されているデフラグソフトで、使い方はメチャクチャ簡単、ダウンロードして実行するだけ。これだけで自動的にハードディスクを解析して、デフラグしてくれます。サーバなどで毎日こまめにバックグラウンドで動作させることが前提になっているため、かなり高速で軽快な部類に入ります。ファイルサイズも小さく、余計なものが必要ないのでUSBメモリに入れて動作させることも可能。 対応OSはWindows 2000/2003/XP/Vistaで、64ビット版のXPでも動作します。通常の実行ファイルとして動作させる以外にも、細かい制御をしたいという上級者向けにコマンドラインで動作を制御することも可能。なので、タスクスケジューラと組み合わせて全自動運転もできます。また、スクリーンセーバーとして動作させるという一風変わったことも可能。 というわけで、実際に使ってみました。ダウンロー

あまりのうれしさに絶叫しまくり、顔面がすごいことになっています。よほどうれしかったらしいですね。 では、一体彼が何のポケモンカードをゲットしたのか見てみましょう。 再生は以下から。 YouTube - Excited Pokemon Kid えー、何を言っているのかこのままではわからないので文字おこししてみましょう。 少年：「BLAASTOIIISE！」 少年の友人：「WHAT？」 少年：「BLAASTOIIIISE！」 少年の友人：「OH MY GOD！！！！！！」 彼が引き当てたカードはつまりこれです。 Image:Blastoise tcg.jpg - Wikipedia, the free encyclopedia なお、うれしさのあまり大喜びする同系統のムービーとしては、NINTENDO 64をプレゼントしてもらって大絶叫するこれが有名です。 YouTube - Nintendo

仕事の成功を妨げる原因はいろいろありますが、中でも最も頻繁に見られるのが「あとでやる」「あとで読む」「またあとで」というようにしてどんどん先送りにしてしまい、結果的に大きく遅延させてしまうというもの。 この先送りする習慣がついてしまうと、なんでもかんでもとりあえずスルーしてパスして、条件反射的に「またあとでやるから」というようにして自分で自分をごまかし続け、最終的には自分自身の仕事の業績、そして信頼などに跳ね返ってくるわけです。なんとかしなくては。 というわけで、この先送りして先延ばしにしてしまう精神構造について研究している第一人者であるシカゴのデ・ポール大学のJoseph Ferrari准教授、カナダの首都オタワにあるカールトン大学の心理学準教授Timorthy Pychylの両名による、先延ばしにしてしまう人が知っておくべき10個の真実についてです。 この10個の真実を知れば、セルフコ

実はWindowsで起動する各種ソフトには「優先度」というのがあります。通常起動したソフトはすべて優先度が「通常」になっていますが、タスクマネージャを使うと優先度を「通常以上」「高」「リアルタイム」などに変更することがき、見違えるように高速に動作させることが可能です。 しかし、いちいちタスクマネージャを使うのは面倒だし、できれば前面にあってアクティブな現在使っているソフトのみ優先度を高くして、それ以外の非アクティブなソフトは優先度を低くして欲しい……というような願いを叶えるフリーソフトがこの「オートギア」というわけ。 例えば、ブラウザの優先度は上げておいて、メールソフトの優先度は下げておく、ただしメールを書く際には逆にメールソフトの優先度を上げて、ブラウザの優先度は下げる……などというような技が可能になります。サクサク感が体感できるレベルになるのでかなりオススメです。 また、Windows

「YouTubeの視聴は「ストリーミング」ではなく「ダウンロード」です」という記事中で、「Macromedia Flash Media Server 2」はOrigin Editionの場合、520万円もするため非常にコストがかかるということを書きましたが、調べてみるとなんとオープンソースで開発されているFlashストリーミングサーバ「Red5」というのがあるようです。 本体はJavaで作られており、Windows・Debian/Ubuntu・MacOSX・WAR・Gentoo用のバイナリが提供されています。 ちゃんとRTMP (Real-Time Messaging Protocol)、RTMPT、RTMPSなどのプロトコルをサポートしており、いろいろなチュートリアルなども存在している模様。結構充実してますね。 実際にWindowsにインストールしてみた詳細などは以下から。 Red5 :