HatenaをXHTML+CSSで組みなおす

授業中、生徒は課題制作で忙しく僕は用無し。ってことで、○○○をXHTML+CSSで組みなおすシリーズ(?)第二段を勝手にこっそり作ってた。 なるべく皆が知ってるサイトで、コーディングが楽しそうなサイトを探してたのだけど、なかなか決まらず、結局、生徒のリクエストでhatenaのトップページを組みなおす事にしました。 hatenaは一部レイアウトにテーブルを使っているものの、基本はCSSでの段組がされているので、mixiを組みなおすような大きな軽量化は出来そうにない。なので、楽しみ方としては、いかに無駄なマークアップを減らしてシンプルなXHTMLで同じ見栄えを再現するかだ。 これがまた、パズルで遊んでいるときの感覚に似ていてとっても楽しい。近い将来、CSSで１つの要素に複数の背景画像がおけるようになったとき、このパズル感が失われてしまうと思うと残念でならない。(半分ホンキ) で、帰ってきて手直

[tsukkee]

これはおもしろいなー2

[webmarksjp]

はてな

[Aoba]

参考に

[Fsiki]

面白い。HTMLの記述順は右カラムが先？それとも左？あと、フッターの" - "も背景画像とかで実現してほしかった。

[team-d]

hatenaを表題のように組みなおしたものソースを見ると勉強になるかも？

[usj12262]

ふーむ

[hxxk]

2-1-1. id 属性と class 属性の違い

[xnissy]

idea:6971が実装されていません(ぉ

[denken]

コメント欄に変な人がいる

[sshi]

差分がどれくらいあるのか知りたいな

[nonperiod]

なるほど、こういう授業のやり方もあるよね。

[lucky-bag]

素晴らしいなぁ

[stellarnight]

はてなのレイアウトを XHTML+CSS で実現

[yamatt_bulk]

！

[adramine]

なるほど。

[kazu_virgo]

○○○をXHTML+CSSで組みなおすシリーズ第二段。

[wacky]

○○○をXHTML+CSSで組みなおすシリーズ第二段。はてなTOPページを組みなおす。

[aki77]

○○○をXHTML+CSSで組みなおすシリーズ(?)第二段