DevTools/Features/StyleInspector: Difference between revisions

Jump to navigation Jump to search
no edit summary
mNo edit summary
No edit summary
Line 16: Line 16:


The initial focus is on providing a property-oriented view. For example, you'll be able to look up the "color" property and see the rules that went into deciding what color a given element should be.
The initial focus is on providing a property-oriented view. For example, you'll be able to look up the "color" property and see the rules that went into deciding what color a given element should be.
|Feature users and use cases=All web developers need to be able to analyze the styles applied to a node.
|Feature users and use cases=Users of all experience levels need to work with CSS.
 
#### Use case 1: looking at how an element is set up. ####
 
I want to see how headline links on CNN's front page are styled. I want to see what font and font size they went with.
 
#### User case 2: troubleshooting a problem ####
 
Something looks quite wrong with the way my element is positioned and styled. I'm not sure which property is causing the problem. I want to scan through everything applied to a node to see if I can spot something that's wrong. (In this case, imagine that it was something weird like a node set to display: table-row rather than display: block.)
}}
}}
{{FeatureInfo
{{FeatureInfo
Line 27: Line 35:
|Feature security status=sec-review-needed
|Feature security status=sec-review-needed
}}
}}
{| class="fullwidth-table"
(what follows is information from the original feature page. once all of the information below is incorporated into the new feature page format, this should all be deleted)
|-
| style="font-weight: bold; background: #DDD;" | Feature
| style="font-weight: bold; background: #DDD;" | Status
| style="font-weight: bold; background: #DDD;" | ETA
| style="font-weight: bold; background: #DDD;" | Owner
|-
<section begin="status" />
| [[DevTools/Features/StyleInspector|Style Inspector tool]]
| {{StatusAtRisk|status=Not yet landed and integrated with Highlighter}}
| 2011-07-15
| Kevin Dangoor
<section end="status" />
|-
|}


== Summary ==
== Summary ==
canmove, Confirmed users, Bureaucrats and Sysops emeriti
1,093

edits

Navigation menu