Firebugを使えばいいじゃん、という突っ込みはさておき、Pingdom Toolsでなかなか使える診断ツールが提供されています。 任意のURLを指定すればページのどこがどれぐらいの速度で表示されているかを診断してくれます。「最近サイトがちょっと重いなぁ」というときに使ってみてはいかがでしょうか。 詳しい使い方は以下のとおり。 ↑ このサイトでとりあえずテスト。 ↑ 結果はこのとおり。時間がかかっている画像がどれだけわかりますね。 ↑ それぞれのバーの色の見方はこんな感じです。 ↑ ロード時間のサマリーもこのように表示してくれます。 ロード時間がかかりすぎている場合はどれを圧縮すればいいかが一目瞭然ですね。またどのプラグインやスクリプトに時間がかかっているかもわかるのでサイトを軽くしたい場合には外す優先順位がわかってよろしいかと。 ご利用は以下からどうぞ。 » Pingdom Tools

色って何かと迷いますよね。センスだけでできればいいのですが、なかなかそうもいかないもの。そこで色の理論から、色が心理に与える影響までを網羅した資料をご紹介。 以前ご紹介した「これで完璧！ロゴデザインのためのお役立ち資料まとめ」と同じシリーズですね。 色に迷ったときにかなり使えそうですよ。詳細は以下からどうぞ。 いろいろ網羅されているのですが、いくつか気になるトピックをピックアップ。 ↑ 色関係の使えるオンラインツールいろいろ。 ↑ デスクトップから使えるツールもいろいろ紹介されています。 ↑ 色が心理に与える影響について。大事ですよね。 念のため、全部のカテゴリーをあげておきましょう。 Color Basics （色の基本） Color Psychology & Meaning （色が心理に与える影響および色の意味） Color Science & Theory （色の理論） Color

ブラウザで同じ作業を繰り返すことが多い人にとっては便利なFirefox拡張です。 この「iMacros」ではWeb上の操作を記録し、編集したり、再生したりすることができます。 » iMacros for Firefox 下記に使い方をご紹介。 ↑ サイドバーから操作します。 ↑ 操作を記録する場合には「Record」を選択。 ↑ 操作はこのように記録されていきます。終わる場合は「Save」をクリックして保存します。 ↑ 再生する場合には「Play」をクリック。繰り返す回数を設定することもできます。 また、記録したマクロはCSV形式で書き出せるのであとで自由に編集することもできます。 たとえば次のように使うことができますね。 サイト毎にＩＤとパスワードを自動的に入力する。 写真などを自動的にWebにアップロードする。 Webサイトのテストとしてレスポンス速度などを記録する。 なんとなく毎日同

各所ですでに話題ですが、自分へのメモ書きもかねてまとめておきます。Illustratorのチュートリアルを40個まとめた記事です。デザインがますます重要になっている昨今、常に技を磨いておきたいですね。 » Adobe Illustrator Tutorials 下記に、40個のうち、いくつかをご紹介。 LearnIt2 | Adobe Illustrator Tutorials Web2.0でよく見るバッジなどを作る方法など。 Creative Text Masking – Illustrator CS2 Tutorial – テキストにマスクをかける方法などが紹介されています。 Free Tutorials – Page 1 | Illustrator Techniques ガラスの器や3Dのテキスト作成方法などひねりの効いたテクニックが紹介されています。 Illustrator Bus

さて、今年もDEMOの季節です。ベンチャー企業にとっての登竜門であるこのイベント、厳選された企業が最新の製品やサービスを披露してくれます。 これらのテクノロジーやビジネスモデルが日本に上陸する可能性も高いですね。今後新しいビジネスを考えていらっしゃる方は参考にされてみてはいかがでしょうか。 » DEMO 2007出展企業一覧 下記にいくつかピックアップしてしました。 ■ ZINK Digital Imaging Technology インクなしで画像を印刷する技術を提供。紙のほうに細工するみたいですね。 » ZINK Digital Imaging Technology ■ reQall 個人の思いつきやひらめきを電話やPCなどから簡単に記録するサービスを提供。 » reQall ■ Scram メッセージやファイルを画像の中に隠すサービスを提供。 » Scram ■ Panjea.TV

アドレスバーやブックマークの左側に表示されるFavicon（こんなの↓ですね）に関する記事がありました。 参考になりそうなきれいなデザインやツール類があったのでご紹介。これからFaviconつくるぞー、という人はよろしければどうぞ（それよりもこのブログのFaviconをなんとかしなくては・・・）。 » Inspire Yourself: 50 Remarkable Favicons | Smashing Magazine 下記に一部をご紹介。 ■ 花びら系デザイン ↑ カラフルですね。 ■ 丸系デザイン ↑ 丸を上手に使ったデザインはWeb2.0ぽい気がします。 ■ 文字系デザイン ↑ Googleの「G」やmixiの「m」もそうですね。はてなはブックマークは「B」、ダイアリーは「D」などと分けているようです。 ■ 模様系デザイン ↑ 凝ってますね。 ■ 四角系デザイン ↑ Appleは四

ちょっと古いですがなんだか身の回りで手品が流行っているのでご紹介。 こちらでは手品の種明かしをする10の動画が紹介されています。昔よく見た手品の種明かしなどもあり、「そうやっていたのかー」と感心してみたり。 » Everything Interesting (And More): Top 10 Magic Trick Tutorial Videos 簡単なものも多いので覚えておくとちょっとした時に使えそうです。出し物なんかにもいいかも。 では下記に1位からご紹介！ 【1】 The snap card Amazing Card Trick – Snap Card – video powered by Metacafe 選んだカードがトランプの束から飛び出してきます。インパクトのある手品ですね。 【2】 The revolver Amazing Card Trick Revealed! – v

一発ネタですがアイデアが素敵だったので。 もしもあの企業がWeb2.0だったらロゴはこんな感じでしょうか。FedExなんて思い切りFlickr風になっちゃってますね（なぜか「r」が増えてます）。 さらには「Web2.0だからこんなサービスを提供してそうだ」なんて想像するのも愉快です（招待制のジーンズ購入券や広告収益により無料で食べれるハンバーガー、利用者の動画が流れるCNN・・・）。 そんな想像力を刺激する一品でした。自分の企業が2.0だったらロゴはこうで、サービスはこうで・・・と考えるのも悪くないですね。 » Corporate World Meet Web2.0 on Flickr – Photo Sharing!

このブログは百式管理人の編集後にお送りしておりますが、いつも直されるのがタイトルです（orz）。 そこで「タイトルどうすればいいですかねぇ・・・」と聞いたところ、「これ、読んでみて」と渡されたのが次の記事です。 » 10 Sure-Fire Headline Formulas That Work | Copyblogger » 7 More Sure-Fire Headline Templates That Work | Copyblogger Copybloggerという「ブロガーのためのコピーを考えるブログ」の記事です。全部で17の「人を惹きつけるタイトルの書き方」が紹介されています。 タイトルだけでなくて内容もがんばって書いておりますが、タイトルはやはり大事です。これを見ながら日々勉強しております・・・。今回は勉強も兼ねてこの記事をご紹介したいと思います。 なお、百式管理人いわく「内