css Zen Garden

Web制作に関わっている人の重要キーワードCSS。CSSを駆使して、たった一つの同じxhtmlを利用しても柔軟にレイアウト、ビジュアルを操れるのか、このcss Zen Gardenを見れば一目瞭然です。tableレイアウトでは困難なレイアウトやビジュアルを見ているだけで、CSSの可能性にワクワクします。

例えば、これ(Bonsai Sky)とこれ(Leggo My Ego)とこれ(Wiggles the Wonderworm)がおなじxhtmlを利用しているとはにわかには信じられません。全デザインリスト → mezzoblue § css Zen Garden Design List

ところで、なぜこんなことが盛り上がるのか。それは、誰に対してもフレンドリーなWebサイトを作っていくのが、今のWebサイト制作者に求められていることに他ならないからです。JIS規格で「高齢者・障害者等配慮設計指針－情報通信における機器，ソフトウェア及びサービス－第３部：ウェブコンテンツ」というWebアクセシビリティを規定したりと、規格の整備も整いつつあります。もちろん特殊な用途や対象が限定されているサイトは、この限りではないと考えていますが。

文章の構造はxhtmlで、レイアウトやビジュアルはCSSで。そうすることで、ユーザーにも検索エンジンにも、“最低限”フレンドリーなサイトを作ることができます。後はちょっとした愛が必要なので、それは制作者の思いやりですね。

css Zen Garden: The Beauty in CSS Design
日本語翻訳版 → css Zen Garden：CSS デザインの美