Garden Clogs Blog

100ドルPCのOLPCで1台買うと1台寄付キャンペーンが始まった!!

Read the rest of this entry »

moo mini cardで新しく出たmoo post cardが届いた!!
ということで、手紙を書こう。

Read the rest of this entry »

SOSO CAFEでGet!
rtr™
http://www.rtrj.com/
SOSO CAFE
http://www.shift.jp.org/soso/

ソーソーカフェにて開催中。今日はオープニングパーティーです。

もう、ずぅーと前から気になってた各ブラウザによるフォントレンダリングの違いを一気に解消するべく、こんな物を作ってみた。
Font size reference
今更ではあるが、各ブラウザによってかなりレンダリングに差がある事がわかった。同じMacでもFirefoxとSafariとIEではサイズもアンチエリアスの掛かり方も全然違う。ましてWinでは、がっかりするぐらい違う。全く美しくない。
一番システムフォントを美しく表示できるブラウザはSafariだった。1ポイント刻みのサイズ比較でもスムーズに縮小され表現されている。システムフォントがこんなにも美しいとは思ってもなかった。
cssできちんとフォントファミリーを指定してあげれば、システムフォントだけでも美しい表現が充分出来そうだ。
さらに、フォント指定やCSS関連で興味深いドキュメントが公開されている。

ページ作成のテクニックをまとめた「20 pro tips」が公開されています – PHPプロ！ニュース
７．em単位でフォントサイズを定義する
デザイナーはピクセル単位で定義しがちですが、Webの世界ではInternet Explorerで文字のリサイズが行えないため推奨されません。そのため、em単位で指定することが望まれます。
1emはだいたい16ピクセル相当なので、Bodyタグのフォントサイズを以下の通り62.5%にセットします。
body { font-size: 62.5% }
すると、1emがだいたい10ピクセル相当になるため、12ピクセル相当の文字サイズを表現したい場合は1.2em、9ピクセル相当の場合は0.9emと指定できます。

この方法でフォントサイズを指定するとCSSがゴチャゴチャにならず、かなり楽になるかもしれない。
今度、試してみよう。とたまにはデザイナーらしい事も書いてみる。:-)

factio information | 【ブランド】Garden Clogs
【作者名】コタケヒロシ
【ブランドコンセプト】
日常の生活をポラロイドカメラを媒介として線と色で表現する。ポラロイドカメラの色合いや現像までの待ち時間の楽しみを思い出す作品を心がけています。
■商品一覧（Check!）
■ウェブサイト（http://gardenclogs.org）

やったー、Tシャツ販売スタートです。

Fraktur mon Amour

Judith Schalansky / Schmidt Hermann Verlag(2006/03)

Amazonランキング：位
Amazonおすすめ度：

Amazonで詳細を見る
Booklogでレビューを見る by Booklog

Amazonでは表紙は出ていないが表紙がカッコイイ。内容はカリグラフィー系フォントのフォント集。フォントを使ったタイポグラフィーやクールなモノトーングラフィックが豊富に収録されていてインスピレーションを刺激する。フォントの一部はCD-ROMに納められていてフリーフォントとして使える。欲しい!

プロセス オブ ウェブデザイン 企画からデザインへ 落とし込みの技術

WEB CREATORS LAB. / 翔泳社(2006/06/02)

Amazonランキング：位
Amazonおすすめ度：

Amazonで詳細を見る
Booklogでレビューを見る by Booklog

ネットをにぎわせたあのサイトたちの制作過程を読み解く。話題のサイトのWebテクニックを学ぶことで、いろいろな場面で壁にぶつかった時にうまく乗り越えるヒントになるはずだ。欲しい!

Photo Photo Everyday

横尾 忠則 / 筑摩書房(1999/03)

Amazonランキング：1,127,773位
Amazonおすすめ度：

Amazonで詳細を見る
Booklogでレビューを見る by Booklog

横尾忠則のフォトエッセイ集。ロックスター横尾忠則が毎日のように出会う有名人やクライアントの写真が沢山貼られたノート。彼がグラフィック作品を創り出すまでの過程が垣間みれるような気分になる。有名人の写真の上に捺印された『有名人』判子を探すのが面白かったりする。欲しい!

「オリンパス・ペン」の挑戦

米谷 美久 / 朝日ソノラマ(2002/09)

Amazonランキング：80,586位
Amazonおすすめ度：

Amazonで詳細を見る
Booklogでレビューを見る by Booklog

カメラ作りの過程はWebデザインの制作過程に似ていると、勝手にボクは思い込んでいて、そういう状況を照らし合わせながら読んでみると面白い。技術者 米谷さんの半生をオリンパスペンの開発を通じて書かれている。オリンパスペンには少々思い入れがあり、開発エピソードを読んでいてうれしくなった。欲しい!

tilt shift Kushiro MOO, originally uploaded by gardenclogs.

まるで精巧な模型を撮影したかのように写真を加工して表現するTilt shiftという手法に最近興味がわいてきた。
PingMagでも取り上げていたが、特殊なレンズを使うと写真の加工をしなくても撮れるようだ。詳しくは下記を参照。
http://www.pingmag.jp/J/2006/03/07/10-tiny-tokyo-photos/
http://www.metropolismag.com/cda/story.php?artid=1760

また、Flickrでも沢山のTilt shiftな写真を見ることが出来る。
http://www.flickr.com/search/?q=tiltshift

写真のアングルや被写体を工夫することで、シュールな世界を楽しめるTilt shift。しばらくはボクの心を捕らえて離さないだろう。

ブクログ : Sonic: Visuals for Music : 本
ブクログ：SOSO CAFEの本棚

Sonic: Visuals for Music

R. Klanten / Dgv(2004/05/31)

Amazonランキング：86,311位
Amazonおすすめ度：

Amazonで詳細を見る
Booklogでレビューを見る by Booklog

ブクログ : Etapes International Nos. 1 2 (Etapes: International) : 本
ブクログ：Garden Clogsの本棚

Etapes International Nos. 1 + 2 (Etapes: International)

Michel Chanaud / Birkhauser(2005/10/31)

Amazonランキング：位
Amazonおすすめ度：

Amazonで詳細を見る
Booklogでレビューを見る by Booklog