美しさのために読み込みもコントロールしたい 静的なサイトでは、ソースが読み込まれ、テキスト・画像が順番に読み込まれ……という風に、処理がPCやブラウザの任せになってしまいます。特にニュースサイトなどコンテンツ量が多いサイトの場合、ヘッダからコンテンツ、サイドバーが表示されるときにガタガタっと表示されてしまう場合があります。 仕方ない場合もありますが、「どうせならば美しいサイトを見たい」という1ユーザーの目線で考えると、ローディング時の表示のされ方も制作者がコントロールしたいものです。 Flashでは必ずと言っていいほど使われる表現ですが、今回は静的なページで、Flashのレイヤー構造のように、div要素ごとに時間差で、しかもフェードインの動きをつけながら表示する方法をご紹介します。 サンプルの3つのポイントとファイル構成 読み込みを美しく見せるために、たとえば「ロゴを最初に表示しておいて