先日、もっとキーワードでつながろう! 「はてなキーワード」をリニューアルし、はてなブログでも7日間で「市民」になれるようにしました - はてなブログ開発ブログ と言う告知を見かけたのですが、最新デザインのはてなキーワードのページを最初見たとき「何というか……魔改造って感じやな」と言う印象を受けた事を思い出しました(そう言えば、はてな―キーワードの現行デザイン、いつから変更されていたのだろう)。 何が「魔改造」かと言うと、スクロールした時の挙動が一見しただけでは把握しづらい構造になっている点です。 はてなキーワードの各ページは、上記 A 〜 D の 4 つ(フッターも含めると 5 つ)のパーツで構成されています。これらのパーツが、スクロールさせるに従って以下のような挙動を示します(記載漏れがあるかもしれません)。 最初のスクロール時、A のパーツが小さくなって固定ヘッダー化する B のパーツ
![はてなキーワードのページが「魔改造」と言う感じがして面白い - Cube Lilac](https://cdn-ak-scissors.b.st-hatena.com/image/square/035649403180284f73640378d19b146c778c0457/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Ft%2Ftt_clown%2F20131213%2F20131213120505.png)