GeckoのReflowをアニメーションにする - 最速チュパカブラ研究会
MDCの記事用にGeckoのReflow（レイアウトを組み立てる処理）の過程をアニメーションGIF↑にしましたが、これが思ったより良い画になったので、トゥイーニングをつけてムービーを作ってみました。 まず、みんなの好きなGoogle。あんまり面白くないです 続いてWikipedia。スクロールバーが出て表示域が狭まったために、サイズを再調整している様子が見えます。 最後に、Mozilla.orgのトップ。floatの扱いがよくわかります。ここでもスクロールバーの出現に伴う再配置が発生しています。 作り方は大体以下のような感じです 各frameのrectが変化したところで位置、大きさ、this pointer値および親のthis pointer値をログに書き出すコードをMozillaに仕込む Rubyスクリプトでログを舐めて、frame treeを再構成する もう一度最初からログを舐めて、各
アクセス頻度に応じてリンクに色をつける
CSSのa:visitedを利用することにより、 アクセスしたことがあるリンクとそうでないリンクの色を変えることができるが、 アクセス頻度によって色を変えるともっと便利かもしれない。 Firefoxの拡張機能である Greasemonkeyを使って これを実装してみた。 使用例 左図のようなページで「Google」をクリックすると、 中図、右図のようにリンクの背景色が変化する。 クリックせずに何日も放置すると左図のような状態に戻る。 Greasemonkey Greasemonkeyは、 Firefoxの機能拡張を利用することによって、 ユーザが参照したWebページ上でJavaScriptを自働実行させるシステムである。 Greasemonkeyの機能を利用して<a>タグをフックしてアクセス数をカウントし、 それに応じて背景色を変えることにすれば、 アクセス頻度に応じてリンクの色を変えるこ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
