Creazy!

WEBエンジニア・ヤガーのテック・ガジェットブログ

技術情報

クロスブラウザ対応は運営者が楽な方法で、なるべく多くの環境に適応できるといいですね

投稿日:


もう寝ようと思ったんですが、せっかくリンクしていただいたので自分の考えを書いてみます。

要約:シンプルなマークアップを元に各ブラウザの実装レベルに応じて、様々なスタイリングをしていく方が楽だし、いろんな閲覧者が幸せになれるんじゃないかなと思った次第

via: そろそろブラウザの実装レベルに応じたスタイリング分けをしよう – Liner Note

賛成の部分ともうちょっと突っ込みたいところが入り交じっているので少しずつコメントします。

ブラウザごとの差はレベルによって妥協してもいいと思う

まず、Liner Noteさんのエントリーの主題っぽいところなんですが、

このように必ずしも全てのブラウザに同じスタイリングを提供する必要はないだろうし、

via: そろそろブラウザの実装レベルに応じたスタイリング分けをしよう – Liner Note

ここは基本的に賛成です。ブラウザによる見え方の差が軽微である場合、それを解消するために時間をかけてごにょごにょするよりは、簡単にできる代替手段を使った方がいいと思います(もしあるなら)。上記エントリーでは引用部分がIE6だけ点線で囲まれたようなデザインになるそうですが、その程度は見逃してもOKなレベルだと個人的には思います。
ただ、「プロ」の仕事となるとそうもいかない場合もあると思います。
ブラウザごとのデザイン違いによって閲覧者によってそのサイト(や記事)に対する印象が変わってしまうと、主にブランディングの面で良くないです。まあ、そこまで印象が変わるほどの差異が出る事なんてそんなに無いでしょうし、同じ見た目でも閲覧者ごとの印象なんて違って当然なんですけどね。
ただ、仕事を発注する側からみれば「できる限りたくさんの環境で同じ見た目にしたい」が正直なところでしょうし、なんとなくそうした方が良い様に思います。
なので、

むしろCSSの実装レベルに応じて(実装レベルが低いものはそれなりに、高いものはそれを活かして)積極的に見せ方を変えていってもよいのではないでしょうか。

via: そろそろブラウザの実装レベルに応じたスタイリング分けをしよう – Liner Note

「積極的に見せ方を変え」なくてもいいんじゃないかなぁと思います。もちろん、最新の実装を使って明らかな改善が見込めて、それをやる余裕がある場合はやるべきでしょうし、ケースバイケースになっちゃいますけど。あと、技術者としてはそういったチャレンジングな最新技術は追って行きたい方向ですが。

CSSでもXHTMLでもJavaScriptでもいいじゃないか

このエントリーには、もう一つ題材があるような気がします。
それは、実際にブラウザごとの実装レベルの差を埋める時にどう対応するか。

空要素を意識して作ったり、妙な制限に縛られたりするよりも、実装レベルに応じたスタイリングをする方が後方互換性に必要以上に引きづられることもないですし、何より楽だと思うのですがどうですかね。

via: そろそろブラウザの実装レベルに応じたスタイリング分けをしよう – Liner Note

なにが楽かは人によって違うと思うんですよね。空要素とか妙な制限はできるだけ無い方がいいですけど、CSSが苦手な人は補正CSSをつけたり、CSSハックしたりするよりマークアップ側で対応したり、JavaScriptでごにょごにょしたりした方がよっぽど楽かもしれませんし。なので、

僕はちょっと修正CSSを書いた方が変なマークアップ繰り返すより楽かなと思ったんですよね。まぁ、提案であって押しつける気はないんでまた機会があったら考えてみてください。

via: そろそろブラウザの実装レベルに応じたスタイリング分けをしよう – Liner Note

Liner Noteの人も言っていますが、まず自分が楽な方法を選択すれば良いと思います。
また、チームでやっている場合はこの辺できる限りルール化しておいた方がいいです。
何度もいいますが、人には得意不得意や好みがあるのでメンテナーが複数人の場合はその後の作業効率に多大な影響を与える可能性もあるのでご注意を。

-技術情報

執筆者:


  1. leva より:

    ご指摘ありがとうございます。
    書いていると、少し何かに偏った話し方になることがあってうまく相対化できていない感じになることがあるので、こうやって言っていただけるのは助かります(積極的に、というのは確かに言い過ぎた感じがします)
    2つめの題材について、実際ビジネスケースではメンバーの「楽さ」の共通項を取っていくと、不自然なマークアップが最適解だという局面もあるのでしょうね。そこはまぁ、UAの実装レベルが底上げされるまでの過渡的な落としどころかなという風に了解しています。

  2. yager より:

    >levaさん
    コメントありがとうございます。
    levaさんのエントリー、個人的にはほとんど納得の内容だったんですが、読む人によっては受け取り方が変わるかなぁと思ったので書かせて頂きました。別に反論するつもりだったわけでは無いので気を悪くされていたら申し訳ないです。
    今回のような内容は共通の「正解」がないのが難しいですね。
    仕事の場合、まずお客さんとの利害が一致しないといけないし、加えてメンバー内(というか社内)の共有化ができていないといけないし。マークアップにしろCSSにしろ、一番自然な形にするには要件や仕様やデザインを変えるのが一番手っ取り早いってケースが結構あるような気がします・・・

leva へ返信する コメントをキャンセル

メールアドレスが公開されることはありません。

関連記事

手書きスケッチの動画を共有できるスケッチキャスト(Sketchcast)が面白い

百式で面白いwebサービスが紹介されていました。 そのままの名前だがSketchcastでは手書き映像+音声を投稿、共有することができる。 via: これからはスケッチキャスティング?手書き映像を投稿 …

no image

ボクのMacBookができるまで:(4.動画を楽しむためのアプリ10選編)

「ボクのMacBookができるまで」シリーズもすでに4回目になりました。 いままでは基本ソフトが多かったんですが、今回は「動画を楽しむ」ことに目的を絞ってソフトを紹介してみようと思います。 それではい …

ミクシィ【毎月1冊無料】のフォトブック「nohana」が届いたので早速レポート

先日作成したフォトブック「nohana」が先ほど手元に届きましたので、早速仕上がりをチェックしたいと思います。 ・nohana(ノハナ) | 毎月1冊無料で手に入るフォトブック

ハイパフォーマンスWebサイト:サイトのボトルネックを見つけるためのツール

前に読んだハイパフォーマンスWebサイトの影響で、自分のブログのパフォーマンス改善をしてみたいなぁと思っていますが、まず何から手をつけたらいいのでしょう。当たり前ですが14のテクニックの内、サイトのボ …

no image

RSSを全文から概要のみに変更しました

最近、リファラーを見てみると、ワードサラダとかスパムサイトにコンテンツを大分持っていかれている事がわかりました。どうやら、いしたにさん@みたいもん!もお困りのようです。 全文Feedしていると、RSS …

スポンサードリンク

スポンサードリンク