canmove, Confirmed users, Bureaucrats and Sysops emeriti
6,906
edits
DevTools/Features/CSSDoctor: Difference between revisions
m
no edit summary
mNo edit summary |
mNo edit summary |
||
| Line 2: | Line 2: | ||
|Feature name=Style Doctor | |Feature name=Style Doctor | ||
|Feature stage=Development | |Feature stage=Development | ||
|Feature status=In progress | |||
|Feature health=OK | |Feature health=OK | ||
|Feature status note=need a test page to try out the rules+results | |Feature status note=need a test page to try out the rules+results | ||
| Line 12: | Line 13: | ||
{{FeaturePageBody | {{FeaturePageBody | ||
|Feature open issues and risks=* can this work with multiple selected nodes? | |Feature open issues and risks=* can this work with multiple selected nodes? | ||
|Feature overview=The goal of the Style Doctor is to answer the question "why doesn't this look the way I expected it to?" as quickly as possible. | |Feature overview=The goal of the Style Doctor is to answer the question "why doesn't this look the way I expected it to?" as quickly as possible. | ||
CSS rule precedence is complex and little understood and the Style Doctor will help users get their layouts working 'and' help them learn precedence at the same time. | CSS rule precedence is complex and little understood and the Style Doctor will help users get their layouts working 'and' help them learn precedence at the same time. | ||
|Feature requirements=* integrates with nodes selected via the Highlighter, GCLI or other means | |Feature requirements=* integrates with nodes selected via the Highlighter, GCLI or other means | ||
* can provide answers for a "substantial" set of node/rule combos. | * can provide answers for a "substantial" set of node/rule combos. | ||
|Feature implementation plan=* test page with examples that test each rule | |Feature implementation plan=* test page with examples that test each rule | ||
* need the same thing working as a traditional addon | * need the same thing working as a traditional addon | ||
| Line 26: | Line 24: | ||
** those selectors don't match | ** those selectors don't match | ||
** everything is actually fine, the rule did apply | ** everything is actually fine, the rule did apply | ||
|Feature implementation notes=* Source [https://github.com/joewalker/csstools at Github]. At some stage we should move this back into Moz/HG. | |Feature implementation notes=* Source [https://github.com/joewalker/csstools at Github]. At some stage we should move this back into Moz/HG. | ||
* [https://people.mozilla.com/~jwalker/cssdoctor/cssdoctor.webm Demo video], and pages used in the video: [https://people.mozilla.com/~jwalker/cssdoctor/demo.html demo] and [https://people.mozilla.com/~jwalker/cssdoctor/test.html test] | * [https://people.mozilla.com/~jwalker/cssdoctor/cssdoctor.webm Demo video], and pages used in the video: [https://people.mozilla.com/~jwalker/cssdoctor/demo.html demo] and [https://people.mozilla.com/~jwalker/cssdoctor/test.html test] | ||