出張 Shibuya.js 24でのプレゼンに使用した資料等を公開します。

録画映像

当日の様子を録画した映像です。

スライド

スライドは、Microsoft PowerPoint 2007のpptx形式です。ビューアはMicrosoftのサイトからダウンロードできます。
insidegecko.pptx

• ※ビューアで見る方へ: PowerPoint Viewerには起動不良のバグがありますので、Microsoftのページの指示に従って修正してください。
• Tango Desktop Projectの著作物（17, 18, 60ページ目のアイコン）を含んでいます。再利用の際は、著作者が指定したライセンスに従ってください。

サンプルHTML

スライド中でレンダリングの過程の実例を示すために使用したHTMLドキュメントです。CSSにMozillaの独自拡張が含まれていますが、全体的なレイアウトはIEやOperaでも正しく再現されます。
sample.html

ムービー

プレゼンで使用したムービーです。wmv9でエンコードされています。（Windows Media非依存の形式も用意する予定ですのでお待ちください）

Content tree

サンプルHTMLのコンテントツリーを視覚化したものです

Frame tree

サンプルHTMLのフレームツリーを視覚化したものです

Reflow

サンプルHTMLのReflow（レイアウト）の過程と、それに伴うフレームツリーの変化を視覚化したものです

DisplayList and Painting

サンプルHTMLのDisplayList構築の過程および描画の過程を視覚化したものです