タグ

ブックマーク / d.hatena.ne.jp/gyuque (2)

  • WebKitのCSSパーサをActionScript3に移植するよ - 2008-04-22 - 最速チュパカブラ研究会

    ちょっとFlashから呼べるCSSパーサが欲しくなったんで、WebKitのものを移植してみました(まだ7割ぐらい) http://coderepos.org/share/browser/lang/actionscript/ascss/src/ パース結果をグラフに出すサンプルはこんな感じです http://svn.coderepos.org/share/lang/actionscript/ascss/src/CSSTest.swf エラいのは私じゃなくてkmyacc。当にコレはすごい。文法定義の部分は、WebKitのものがほぼ修正なしで通りました(もちろんその後のmxmlcは通らないけど)

    WebKitのCSSパーサをActionScript3に移植するよ - 2008-04-22 - 最速チュパカブラ研究会
  • GeckoのReflowをアニメーションにする - 最速チュパカブラ研究会

    MDCの記事用にGeckoのReflow(レイアウトを組み立てる処理)の過程をアニメーションGIF↑にしましたが、これが思ったより良い画になったので、トゥイーニングをつけてムービーを作ってみました。 まず、みんなの好きなGoogle。あんまり面白くないです 続いてWikipedia。スクロールバーが出て表示域が狭まったために、サイズを再調整している様子が見えます。 最後に、Mozilla.orgのトップ。floatの扱いがよくわかります。ここでもスクロールバーの出現に伴う再配置が発生しています。 作り方は大体以下のような感じです 各frameのrectが変化したところで位置、大きさ、this pointer値および親のthis pointer値をログに書き出すコードをMozillaに仕込む Rubyスクリプトでログを舐めて、frame treeを再構成する もう一度最初からログを舐めて、各

    hikeda
    hikeda 2007/03/28
    レンダリングイメージを可視化
  • 1