【レポート】
Webページデザインを支えているCSSだが、この技術はいつでも問題の中心にもなる。Webブラウザ間で同じ表示が実現されない、デザインを調整するための変更に手間がかかる、どの値がどこに影響していたか覚えていない、などなど、関係者であれば頭を痛めたことが少なからずあるはずだ。そこで18日(デンマーク時間)、Robert Nyman氏が自身のブログに"Don't over-specify your CSS code"というタイトルのもと、CSSの記述に関する興味深い意見を掲載しているので紹介しておきたい。
同氏はCSSを書き始めた当初は、可能な限りすべてのCSS規則を記載しておきたいと考えていたという。その方が、CSSを見るだけでどのようなデザインを望んでいるかを即座に判断できると考えていたからだ。しかし、大小さまざまなWebアプリケーション開発に数年間携わってからは、必要以上に記述されたCSSはあまり優れたものではないと感じるようになったそうだ。
できるだけ記述内容を絞るのにはいくつか利点がある。まず、ファイルサイズが小さくなるため、Webページの読み込みがより高速になる。また、デフォルトに対する差分だけを書くことになるわけだが、コピペするだけで済むため、意外と使いまわしやすい。さらに、フルにCSSを記述する場合と比較して、短い方が予想に反して全体像を理解しやすかったそうだ。
FirebugやYSlowといった優れたサポートツールの登場、CSS圧縮ツールの効果などもあり、CSSそのもののサイズはそれほど気にならない状況にはなってきている。さらにBlueprintに代表されるように、CSSもフレームワーク化されはじめており、同氏の主張とは異なる取り組みも多い。しかしながら、依然としてCSSをそのまま記述するシーンは多く、同氏の主張にも一理あると言える。CSSの記述に携わるデベロッパやWebデザイナは一度ブログを読んでみるといいだろう。コメントにも興味深い意見が掲載されている。
| 注目のCSSフレームワーク「Blueprint 0.6」登場 - 1.0へ向けた大きな改善 [2007/9/25] |
| 理研、脳・脊髄形成に必要な神経板湾曲の仕組みを解明 [20:16 5/25] |
| 京大、「慢性閉塞性肺疾患」患者の労作時呼吸困難は鍼治療が有効と実証 [20:08 5/25] |
| 120Hz SHVカメラ用イメージセンサーを使った撮像装置 - SHVフルスペック化へ [18:10 5/25] |
| 京大、視覚による物体認知は前頭前野からのトップダウン信号が重要と確認 [17:45 5/25] |
| 製品数の拡大だけでなくBCPの展開なども含めた総合力で事業の強化を図るTI [17:25 5/25] |
|
女性従業員比率が高い企業は、業績が良い? -ヘイズ・ジャパン [23:05 5/25] キャリア |
|
週末の寝だめは逆効果!? 睡眠に関するセミナーが開催 [23:02 5/25] ライフ |
|
[Yahoo!検索急上昇ワード]5月25日 「ロンギヌスの槍」「ローラ 有田」「ベジタブレラ」 [22:44 5/25] エンタメ |
|
五十嵐大介の画集「海獣とタマシイ」収録リクエスト募集中 [22:01 5/25] ホビー |
|
[MY HOUSE]原作・坂口恭平さん×堤幸彦監督 この映画は「都市を舞台にした“劇中劇”」 [21:59 5/25] エンタメ |
4つの診断で、自分の適性を見つめなおそう!
働くこと・挑戦し続けることへの思いを綴ったインタビュー
あなたにピッタリのアドバイスを読むことができます。
転職に必要な情報が収集できます
企業からアプローチのメッセージが届きます。