先日、銀座アップルストアで行われたCSS Niteの後の飲み会での話題。

何の話からそうなったのかは知らないけれども、ヘッダーのあたりのCSSでpositionを使うかどうかという話をしていた。見ていると、コーディングをやっている4人中、3人がfloatのみ使う派、1人がfloatとpositionの組み合わせ派であるようだった。面白かったので参戦することにした。わたしはpositionも使う派です。

基本的には、どっち使おうが、見た目や使い勝手に問題が無ければOKだと思うけど、floatのみでできるのはスゴイなーと思っていろいろ聞いてみた(わたしはCSSが好きだしやっているけど、マニアックなほどにできるわけではないので)。

たとえばヘッダー内に、下記のようなものがあった場合。

・ページタイトル
・キャッチコピー
・グローバルナビゲーション
・ユーティリティナビゲーション(サイトマップとかの小さなやつ。なんて呼ぶのが正式?)

この順番でhtmlには書きたいけど、デザイン上は順番を崩したいときが、けっこうあると思う。
たとえば、ユーティリティナビは一番上の右側が良いとか、ページタイトルが製品名などならキャッチコピーはその上に置きたいとか。
その場合はどうするのか聞いてみたら、デザイン上の順番でhtmlも書く、ということだった。

わたしにはそれがとっても意外だった。
急いでいるときや、必要があるときに、そうすることはあるけれど、できれば順序よく書かないと気持ち悪いような気がするのだ。それを伝えようとしたが、うまく説明できなかった。

「それは本当に必要なの? 誰のためにそうするの?」とfloatの方々に聞かれ、
「え、なんでそうしないの? 使い勝手っていうか、気持ちの問題っていうかモゴモゴとにかくモゴモゴ」と答える堀内。

モゴモゴ・・・

今思えばこういうことかもしれない。
わたしはデザインとhtmlを同時進行することが多い。
デザインで煮詰まっているときやデザインカンプをクライアントに確認してもらっているときに、素のhtml書いてプロトタイプ作るとか、むしろデザインより先にhtmlと簡易的なCSSで作ったプロトタイプで動作確認とか。

そうすると、htmlは、デザイン上の制約を考えずに書くことになる。だからわたしはhtmlだけ見ても意味が伝わりやすいと思える順番で書くのだろう。
だから疑問に思っちゃったんだろう。

基本的にはどっちでも良いです。
そのときも、どっちが正しいかという議論をしていたわけではない。

結果が同じなら、人それぞれ、生産性が高いほうが良いと思う。慣れた方法が一番早いし、勝手なこだわりで工数が増えるのは誰にとってもよろしくない。
ユーザ層や戦略によって、優先順位も変わってくるわけでー。

面白かった。仕事人間としては、飲みの席での仕事の話、好きです。

追記:
float と position の戦いって、実際あると思うが、あまり興味はない。
興味はないけど、必要だとは思う。こだわる人がいないと進化しない。
そのあたりについては、別のエピソードがあるのでまた今度。

« 前の記事 | 次の記事 »;