選択した範囲を強調するために、アニメーションでページの残りを半透明なレイヤーで暗くするスクリプトを紹介します。 Chromeのエクステンションも用意されているので、自サイトだけでなく他サイトでも利用できます。 Fokus Fokus -GitHub Fokusのデモ Fokusの使い方 Fokusのデモ デモはCanvasを使用しているため、IEを除くモダンブラウザでご覧ください。 ※IE9もダメでした。 デモでは中央のエレメントを選択すると、それ以外が半透明なレイヤーで隠されます。
最近のHTML5の盛り上がりには勢いがありますが、実際の所HTML5はどうなのか気になったので描画パフォーマンスを測定してみました。上記のグラフが結果ですが、HTML5で一番よい実装よりもFlashのほうが3倍弱高速という結果がでました。ブラウザによってはFlashのほうがHTML5より18倍も高速という結果もでています。 さらに言えば、HTML5の描画パフォーマンスが最も良かったのはSafariですが、ブラウザによってはそれの15%ぐらいのパフォーマンスしかでないブラウザもあり処理速度にばらつきが大きいのが特徴でした。ですが、Flashはどのブラウザでもスコアの振れ幅が小さくブラウザ間の処理速度は安定しているように思います(プラグインなので当然といえば当然の結果ですが)。 検証デモ HTML5やFlashと言っても様々な実装方法があるので、よく使われる方法を幾つか用意して検証しています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く