前の記事 ≪:PR: 全部入りECサイトを安価に構築できる「Live Commerce」が素晴らしい!
次の記事 ≫:2011年5月30日 管理人のブックマーク

Ajaxスタイルのローディングも画像を使わずピュアCSSで実現するデモ

2011年05月30日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Ajax Style Loading Animation in CSS3 ( no Images ) - nikesh.me

Ajaxスタイルのローディングも画像を使わずピュアCSSで実現するデモ。
マシンにもよるかもしれませんが、なんともなめらかに動作してくれます。


デモページ

画像サイズは最近のブロードバンド環境では微々たるものとはいっても、ピュアCSSのバイト数にはかなわないと思います。
ページ表示速度を考えるならば、ここら辺もチューニングしてもいいのかも。

ただし、CSS3が必要なので非対応ブラウザは動きません。
早くCSS3がどこでも使える時代になってほしいですね。

関連エントリ
関連の記事検索:CSS3, ローディング
スポンサード リンク

By.KJ : 2011年05月30日 11:05 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)