CSSのローディング・アイコンのコスト - Weblog - Hail2u.net
hail2uの長嶋さんによる、「ローディング表示する時はJSでDOM操作するけど、コスト高いからCSSで何とかしようよ」という提案。
デモでは、対象となる要素に、ローディングアイコンを描画する為の要素(「spinner」クラスのdiv要素)を含ませておいて、「:only-child」擬似クラスで表示非表示を切り替えるという手法。
しかし、これだとロード対象を読み込んだ後もローディング表示用の要素が無駄に残ってしまうのでイマイチ美しくないように思える。
続きを読む
