DevTools/Features/PageInspectorTilt
Status
| Page Inspector Tilt (3D View) | |
| Stage | Complete |
| Status | Complete |
| Release target | Firefox 11 |
| Health | OK |
| 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 | ` |
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
`
Feature details
| Priority | P3 |
| Rank | 999 |
| Theme / Goal | ` |
| Roadmap | Developer Tools |
| Secondary roadmap | ` |
| Feature list | Desktop |
| Project | ` |
| Engineering team | DevTools |
Team status notes
| status | notes | |
| Products | ` | ` |
| Engineering | ` | ` |
| Security | sec-review-unnecessary | ` |
| Privacy | ` | ` |
| Localization | ` | ` |
| Accessibility | ` | ` |
| Quality assurance | ` | ` |
| User experience | ` | ` |
| Product marketing | ` | ` |
| Operations | ` | ` |
