725800 - [Tracking] Add Tilt Easter Egg to /Technology Page for Fx 11

Status: RESOLVED WONTFIX

(www.mozilla.org :: General, defect)

Description

[Laura Mesa [:lmesa] [:lvmesa]]

Goal:
Drive developer and press buzz around the Tilt feature by adding an “easter egg” to a Mozilla.org/Firefox/Technology page that can be linked to from the Mozilla blog on launch day.  

Background:
“Tilt”, also known as the Page Inspector 3D View, is a new WebGL-based website visualization tool that illustrates the relationship between various parts of a websites and their ancestors in 3D coming to Firefox 11 (march 13).  The Tilt 3D view is integrated with the Page Inspector tool and is particularly useful for developers when searching through problems in the HTML structure.  

You can access the 3D View of any web page through the Web Developer Menu by selecting Inspect and “3D” view.  You can then scroll over all the elements and get more information about each piece when clicking.


Proposed Experience:

1) Readers head to the Mozilla Blog and read about the “Tilt” feature.
2) There’s a line of copy that says something to the effect of, “See this feature in action by heading over to the _Firefox Technology page_ and turning on your 3D view in Dev tools.”
3) User turns on 3D View by going to the Web Developer Menu > Inspect > 3D View.
4) User sees the /Technology page in 3D and sees Firefox logo in the middle of the page.
5) On hovering over the Logo, you see a message that says, “dedicated to building the tools for the Web of the future”.

Needs:
Graphics:
1) Need to design a 3D version on the Firefox logo that would fit within the structure of the page but also fit the look and feel of the Tilt, if possible.

Copy:
1) Copy for hover over the logo in the page. Some thing along the lines of ““dedicated to building the tools for the Web of the future”.

Web Dev:
1) Implement the Firefox logo with hover copy into the page and figure out how to hide the logo the copy so its only visible when in 3D View of the developer tools.
-http://www.youtube.com/watch?v=d_V1pnKR35s
-for elements that are not in the visible area of the page, Tilt renders the outlines of the elements but not the contents. This makes it harder to hide things off screen.

Comment 1

[Laura Mesa [:lmesa] [:lvmesa]]

Closing as a tilt landing page was just brought to my attention and I think that it will better address our desired result.