職人技!の光る「CSSの家」

CSS House完全に開発者(Webクリエイター)サイド向けの話ですが、CSSの色んな可能性として、ふとしたときについつい見入っていつも感心してしまうサイトがあります。去年教えてもらって知ったサイトですが、完璧なCSSで組まれて作られたお家「CSS House (3D Border Demo 2) by Chris Hester」(上の画像:少し前のSafariやNetscapeは表示不可)です。さらに続編(?)として「CSS House2」(下の画像)なんてのもあります。
それにしても職人技ですね。どのブラウザでも崩れるなんてありえないのぐらいの勢いで微動だしないです。そもそもこの「家」のすごいところは、画像を一切使ってないところで、屋根から窓枠など、グラデーション部分も含め、全てCSSで制御されているんです。HTMLのBODY内はほぼ「div」と「p」タグのみ。CSS部分は予想通り、レンガ部分などは「Z-index(要素を重ねる順序を指定するためのプロパティ)」の嵐です。

comments

特にブラウザのバグにはもっと泣かされるよね。
便利なブラウザが増える分、制作側の(ブラウジング)負担は比例。
バージョン問題もあるしね。海より深い、CSSの奥義。
携帯電話(ブラウザ)以上になんかその辺りまとめて欲しいね。

  • ky@cmd+F
  • 2006/04/07 2:12 AM

今まさに、CSSの波にもまれまくってる、オイラにとって、
CSSだけで絵が描ける人が神に見えるよー。ヘルプミーーーーー。
ブラウザによってさ、見え方が違うじゃん。
できたーーー!って思ってもさ。泣きまくってます。

  • taterin
  • 2006/04/07 12:52 AM

Dreamweaverのコードビューにソースコピーして、デザインビューで見たりすると面白いですよ。レイヤー構成とか視覚的にわかりやすいです。

>簡単な絵を描くことができるのかな
是非サイトでやってみて下さい!
完成したら相当詳しくなりそうですよね。

  • ky@cmd+F
  • 2006/04/06 2:02 PM

うぉ!まさに職人技ですね〜。
自分もCSSで背景色の指定を利用すれば簡単な絵を描くことができるのかなぁ〜・・とは思っていましたが
ここまで出来るとは^^;

  • タケ
  • 2006/04/06 1:38 PM

でしょ?!世の中色んなチャレンジャーがいるよね。
「びっくりして開いた口がふさがらないはずだ」by スティーブ・ジョブズ
http://hotwired.goo.ne.jp/news/culture/story/20060331204.html

>CSSのことはわからん
でもこれのすごさがわかる人はCSSわかっているってことだよ。

すーげー!!!
俺はあんまりCSSのことはわからんすけど、これはすごいっすね。

感動した!!!
古い?(笑)

  • shusaku
  • 2006/04/06 2:34 AM
   

trackback

pagetop