lionusの日記(旧はてなダイアリー)

「lionusの日記」http://d.hatena.ne.jp/lionus/としてかつてはてなダイアリーにあった記事を移転したものです。

どうやって作ってるんだろう。

screenshot
日経電子版の広報ページです。
ブラウザの画面サイズに合わせてレイアウトが柔軟に変化します。
画面左端のメニュー部分と、画面左上のヘッドライン部分だけ固定し、それぞれのパーツをブロックにして流し込む形になっています。
ソースは見ていないのでよく分かっていませんが、スタイルシートのボックスやポジションをうまいこと使えばそんなに複雑なことをしなくても実現できそうに感じました。
大昔にテーブルで横450pxとかのレイアウト枠を組んでいた人間には新鮮です。いいかんじ。