blog.yusukenakanishi.com

Tuesday, May 20, 2008

リセットCSSを使わない?

「リセット用CSSを使わない」ことが流行ってる(らしい)理由CSS Nite in Ginza, Vol.23のまとめを見てショックを受けたというお話。本当に仕事に関係するネタだよ。

  • どのブラウザでも同一の見た目にするのは、テーブルレイアウト時の負の遺産
  • 若干ブラウザ間で見た目に違いがあってもいいじゃない
  • ブラウザ間の見た目の違いよりも、ブラウザが既にもっているスタイルを有効利用しよう

Webサイトはまったく同じ見た目である必要はないにもあるけど、レイアウトが崩れていても良いという意味ではなく“若干”というところがミソなんだろうね。きっと。ブラウザごとの差を生かしてサイトにひと味加えられると格好いいんだろうなぁ。

でもね。クライアントやディレクター、デザイナーがCSSのディフォルトのスタイルを考慮してくれるとは思えないし、しかも納得させる術なんて持ってないよ。。やっぱりこの辺はマークアップエンジニア以前の問題だと思うんだけどなぁ。リセットCSSにしろ、CSSハックにしろ、画像置換にしろ、それらを使わないという設計で進んでこないと、いざコーディングの時にやっといてねと言われて出来るもんでもなし(出来ることもあるけど)。それにねこれを言い訳?にしたらクライアントにサボってるとかアマチュアだとか言われそうかなと。。

リセットCSSは使っていく方向で。様子見。

実は僕、画像置換はすっごく抵抗持ってます。何で画像じゃダメなのかな?
CSSシグネチャを利用する時とかはメリットはあるんだけどもね。
ま、好き嫌いでは仕事できないから納得させる知識が必要なんだよね。

tackback(1)

リセットCSSもしくはデフォルトCSSについて | labs.yusukenakanishi.com
[...] 少し前に取り上げたリセットCSSを使わない?という向きもあるんだけど、実際はそうも言ってられないわけで。。自分(社内?)用のリセットCSSについて見直しておこうと思います。以 [...]

comment (5)

クライアントだけでなくて制作に携わっている方にも伝えなくてはいけないから、随分エネルギーを使うことだと思いますが、ブラウザの特性を活かした(最適化した)デザインを提供するのもひとつのサービスなのかなと思います。

新しい車と10年前の車。同じ車だから目的地にも同じ道を使って辿り着けます。けど、きっと新しい車のほうが車体が安定してたりとか静かだったりとか気持ちの良い体験をして目的地に辿り着いていると思います。車の例が良いのか分からないですが、新しいのを使っている方がアクセスしているのなら、新しいから良いというちょっとしたプラスアルファがあっても良いのかなと。

まずスタートとして社内外問わず勉強会というか共有出来る場が必要なんでしょうね。

> ヤスヒサ さん
すっごい方からコメントをいただきました。どうしよう。。

なるほど、ひとつのサービス・武器として捉えると選択肢が増え、見方も変わりますね。
これからはこれでないといけないんだ!と思ったからショックを受けたんだと思います。。

知識を共有してエネルギーもみんなですることで分散できると、ハッピーなWeb業界の出来上がりってことですね。僕もこのブログで少しでもみんなの役に立てればいいなと思います。ヤスヒサさんは共有するという意味合いも含めたくさんの講義をされているんですねー。

わたしも、ヤスヒサさんと同じです。
みんな共有して、メリット/デメリットはちゃんと知っておいた上で、
どう作っていくか・・・が必要です。

逆に言えば、我々は仕事にしてる時点でプロなのですから、
クライアントに「知らなかった」では済まされません。
それがディレクターやデザイナーであってもです。

ちなみに、ResetCSSは使われにくい海外は、大藤先生もおっしゃってますが、
個人サイトを取り上げることが多いからだと思いますよ。

> ガク さん
確かにみんなで知識を共有できていると戦略として使うことが出来ますね。
プロとして仕事をしている以上、意識を高くしないといけませんね。耳が痛いです。。

なるほど、リセットCSSの有無は個人サイトだからというのは大いにあるでしょうね。

えー、すごい方に続けてコメントいただいておりますが、卵のみんなも書き込んでね!
でないと僕さみしいよ。。今後しっかりとしたネタを書かなければ、と正直ビビってます。
でも何だかカッコイイブログっぽくなってきてる!

社内外問わず知識の共有は大切ですね。

comment a post




使用できるXHTMLタグ:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>