はじめまして、マークアップエンジニアのタケヨシです。 今回はfirefoxのWeb開発ツールの『調査』ツールの中にある『3Dビュー』機能について、紹介してみようと思います。 はじめに『調査』ツールとは、閲覧しているWebサイトのHTML+CSSソースを確認することのできるツールです。 その中にそのソースを立体的に確認できるのが『3Dビュー』機能です。 ○起動方法について firefoxの画面左上のfirefoxアイコンをクリックしてWeb開発から、『調査』をクリックして起動します。またはshift+ctrl+I(windows)で起動できます。 画面UIは下に固定されています。firebugのように画面UIを自由に移動することできなくなっております。 そして……、画面の右下にある『3Dビュー』をクリックすると、Webサイトがかっこいい動きとともに3Dに。 Webサイトの各パーツが浮き上がり