Status
| Page Inspector Tilt (3D View) | |
| Stage | Complete |
| Status | Complete |
| Release target | Firefox 11 |
| Health | OK |
| Status note | Landed |
{{#set:Feature name=Page Inspector Tilt (3D View)
|Feature stage=Complete |Feature status=Complete |Feature version=Firefox 11 |Feature health=OK |Feature status note=Landed }}
Team
| Product manager | Kevin Dangoor |
| Directly Responsible Individual | Kevin Dangoor |
| Lead engineer | Victor Porof |
| Security lead | ` |
| Privacy lead | ` |
| Localization lead | ` |
| Accessibility lead | ` |
| QA lead | Trif Andrei - Alin |
| UX lead | ` |
| Product marketing lead | ` |
| Operations lead | ` |
| Additional members | ` |
{{#set:Feature product manager=Kevin Dangoor
|Feature feature manager=Kevin Dangoor |Feature lead engineer=Victor Porof |Feature security lead=` |Feature privacy lead=` |Feature localization lead=` |Feature accessibility lead=` |Feature qa lead=Trif Andrei - Alin |Feature ux lead=` |Feature product marketing lead=` |Feature operations lead=` |Feature additional members=` }}
Open issues/risks
`
Stage 1: Definition
1. Feature overview
Tilt was a Google Summer of Code 2011 project that resulted in an add-on showing a 3D view of an HTML document. It was initially an experiment to see how such a view could be used, and the student working on the project (Victor Porof) came up with many ideas for enhancements on the basic idea.
It is likely that we wouldn't want to provide all of the functionality that exists in the add-on as a built-in feature. However, the basic 3D view has proven to be useful and unique.
Tilt is available on AMO.
2. Users & use cases
- Finding nesting problems
In the Hacker News discussion, at least one commenter noted that Tilt provided a visualization that will help solving nesting problems more quickly than the other solutions.
- Learning about HTML structure
Developer tools such as "view source" have always been used to help people learn about web technology. The 3D view highlights the structure of a page better than a flat view.
3. Dependencies
`
4. Requirements
`
Non-goals
`
Stage 2: Design
5. Functional specification
3D Visualization
The plan is to take the 3D visualization from Tilt and incorporate it as an optional view in the Page Inspector.
As with the normal Page Inspector view the user can select elements in the 3D view and have that selection propagate to tools like the Style Inspector.
Keyboard navigation will work as it does currently in Tilt. The on-screen navigational components from the Tilt add-on will be the only auxiliary UI brought forward from the add-on. The navigation controls will be helpful for users to learn how to navigate the 3D view.
Switching Into and Out of 3D Mode
There will be a "3D" button in the Inspector Toolbar that toggles 3D mode. There should also be a command line command for doing so.
If the user's computer is not capable of GL, then the 3D button will not be displayed at all in the toolbar.
6. User experience design
`
Stage 3: Planning
7. Implementation plan
`
8. Reviews
Security review
`
Privacy review
`
Localization review
`
Accessibility
`
Quality Assurance review
https://wiki.mozilla.org/QA/Waverley/Developer-Tools/Tilt/TestPlan
Operations review
`
Stage 4: Development
9. Implementation
`
Stage 5: Release
10. Landing criteria
` {{#set:Feature open issues and risks=` |Feature overview=Tilt was a Google Summer of Code 2011 project that resulted in an add-on showing a 3D view of an HTML document. It was initially an experiment to see how such a view could be used, and the student working on the project (Victor Porof) came up with many ideas for enhancements on the basic idea.
It is likely that we wouldn't want to provide all of the functionality that exists in the add-on as a built-in feature. However, the basic 3D view has proven to be useful and unique.
Tilt is available on AMO. |Feature users and use cases=* Finding nesting problems
In the Hacker News discussion, at least one commenter noted that Tilt provided a visualization that will help solving nesting problems more quickly than the other solutions.
- Learning about HTML structure
Developer tools such as "view source" have always been used to help people learn about web technology. The 3D view highlights the structure of a page better than a flat view. |Feature dependencies=` |Feature requirements=` |Feature non-goals=` |Feature functional spec===== 3D Visualization ====
The plan is to take the 3D visualization from Tilt and incorporate it as an optional view in the Page Inspector.
As with the normal Page Inspector view the user can select elements in the 3D view and have that selection propagate to tools like the Style Inspector.
Keyboard navigation will work as it does currently in Tilt. The on-screen navigational components from the Tilt add-on will be the only auxiliary UI brought forward from the add-on. The navigation controls will be helpful for users to learn how to navigate the 3D view.
Switching Into and Out of 3D Mode
There will be a "3D" button in the Inspector Toolbar that toggles 3D mode. There should also be a command line command for doing so.
If the user's computer is not capable of GL, then the 3D button will not be displayed at all in the toolbar. |Feature ux design=` |Feature implementation plan=` |Feature security review=` |Feature privacy review=` |Feature localization review=` |Feature accessibility review=` |Feature qa review=https://wiki.mozilla.org/QA/Waverley/Developer-Tools/Tilt/TestPlan |Feature operations review=` |Feature implementation notes=` |Feature landing criteria=` }}
Feature details
| Priority | P3 |
| Rank | 999 |
| Theme / Goal | ` |
| Roadmap | Developer Tools |
| Secondary roadmap | ` |
| Feature list | Desktop |
| Project | ` |
| Engineering team | DevTools |
{{#set:Feature priority=P3
|Feature rank=999 |Feature theme=` |Feature roadmap=Developer Tools |Feature secondary roadmap=` |Feature list=Desktop |Feature project=` |Feature engineering team=DevTools }}
Team status notes
| status | notes | |
| Products | ` | ` |
| Engineering | ` | ` |
| Security | sec-review-unnecessary | ` |
| Privacy | ` | ` |
| Localization | ` | ` |
| Accessibility | ` | ` |
| Quality assurance | ` | ` |
| User experience | ` | ` |
| Product marketing | ` | ` |
| Operations | ` | ` |
{{#set:Feature products status=`
|Feature products notes=` |Feature engineering status=` |Feature engineering notes=` |Feature security status=sec-review-unnecessary |Feature security health=` |Feature security notes=` |Feature privacy status=` |Feature privacy notes=` |Feature localization status=` |Feature localization notes=` |Feature accessibility status=` |Feature accessibility notes=` |Feature qa status=` |Feature qa notes=` |Feature ux status=` |Feature ux notes=` |Feature product marketing status=` |Feature product marketing notes=` |Feature operations status=` |Feature operations notes=` }}