FirefoxのTilt拡張機能は、高速レンダリングのためにWebGLを使用して、現在のWebページの3次元モデルを構築します。 したがって、ページの構造と異なる部分間の関係を即座に分析できます。
ご存じのように、Document Object Model（DOM）を使用すると、HTMLドキュメントはノードのツリーとして表すことができ、各ノードは要素、属性、テキスト、グラフィック、またはその他のオブジェクトです。 この拡張機能は、そのようなツリーを構築し、それに対応するツリーのノードにあるテキストとグラフィックのテクスチャを重ね合わせます。
ビデオに示すように、プラグインは通常の視覚化に加えて、右クリックで各ノードタイプ、ID、クラス、またはその他の属性に関するさまざまな情報を表示します。
拡張機能の作成者は、 Victor Porof （メインパート）、 Cedric Vivier （WebGLテクスチャの形式でDOM要素をレンダリング、canvas.drawWindowに相当、バグ番号653656を参照）およびRob Campbell （アイデアの作成者）です。
Guthubソースコード
開発者ブログ
最後の安定ビルド： tilt.xpi
拡張機能をインストールした後、Ctrl + Shift + L（またはポピーのCmd + Shift + L）を押すか、ブラウザーで対応するメニュー項目を選択して起動し、Escを押して終了します。 拡張機能はどのページでも機能します。
将来的に、開発者は3Dモデルのオンザフライでの更新と更新（ページが変更されるとすぐに各ノードのCSS変換が開始され、さらに要素の表示のカスタマイズ（3Dノードの透明度と相対位置を含む）など） ページ全体だけでなく、z-indexを使用して個々のパーツをレンダリングします。 Web開発者にとってより便利なツールの作成。 AceエディターおよびFirefox開発ツールとのより良い統合（現在選択されているノードの強調表示、インスタント3Dプレビュー）、3Dグラフィックスを他のブラウザーまたはアプリケーションにエクスポートします（3Dオブジェクト、おそらく.objおよび/またはCOLLADAを含むファイルを介して）。
最大のブレークスルーは、通常の2Dモードのように、ページ間で3Dサーフィンができるようになることです。
拡張機能を改善する計画の完全なリストについては、 TODO.mdリストを参照してください。