趣味Web 小説 2005-03-19

スゴい「CSSテク」……新たなる伝説

blockquoteはもう古い~fieldsetの伝説(legend)!!を思い出す笑撃テクニック。1年前、ブログと CSS デザイン「CSS デザインは HTML によるデザインより素晴らしいのだ」という価値観が、理屈抜きで蔓延しつつあるらしいと書いたのですが、結局、理屈抜きなら何でもありになってしまって、つまりその、何というか……。

ちなみに角丸をテーブルレイアウト+画像なしで実現しているのが NAVER - 知識plus です。ソースを見たら悶絶必至。ドット絵職人大活躍! なのです。角丸だけじゃない、たかが点線ひとつ実現するためにテーブルを使うなんて……正気ですか!? とはいえ、発注者も(ほとんどの)閲覧者も別に気にしていないはずで、変な方法を採用して苦労するデザイナーの自業自得。

……と煽ってみたものの、発案者は HTML ソースに b 要素を直書きする方法を最初の基本的な説明だけに用い、実践レベルでは id 属性を付加した div 要素内に JavaScript で b 要素を追加する方法を勧めています。(final example のソースもご確認ください)

直書きはともかく JS による付加については否定論も少ないだろうと思う。ありみかさんのところでも左下の角丸を実現するために IE では似たようなことをしているし、あれこれポップアップをリッチスタイルで使用されている方は、そこそこ鷹揚に考えていらっしゃるはず。無駄な要素の付加は認めて、その上で Valid であることだけは担保する、といったあたりが妥協点でしょう。

じつをいえば当サイトも JavaScript で文章構造上は必要のない要素を付加しているわけです。見た目のためだけに。盲点になっているかもしれませんが、スタイル切替のセレクトボックスと、それを包含する div 要素がそれです。(改訂:2005-03-20)

客観的には多分関係ないけれど、私の中では関連がある記事

Information

注意書き