DevTools/DesignMockups: Difference between revisions

← Older edit

DevTools/DesignMockups (view source)

Revision as of 18:31, 19 July 2011

569 bytes added , 19 July 2011

→‎buglist

Rcampbell

canmove, Confirmed users

1,189

edits

@@ Line 1: / Line 1: @@
 = DevTools Future Planning =
-This is a document based on [http://paulrouget.com/mockups-devtools/ mockups] created by Paul Rouget. Notes taken to synthesize bugs from features and hopefully, features from bugs.
+This is a document based on mockups created by Paul Rouget. Notes taken to synthesize bugs from features and hopefully, features from bugs.
+== Possible Visual Design ==
+Here is a possible aesthetic for the interface by Faaborg: [http://mzl.la/o5ytgB]
 == Developer Tools Toolbar ==
-[http://paulrouget.com/mockups-devtools/pngs/1.devtoolbar.png]
+[[File:1.devtoolbar.png|400px]][[File:2.devtoolbar.details.png|400px]]
 === buglist ===
@@ Line 16: / Line 19: @@
 ** popup menu that derives its contents from the Web Developer menu
-== Inspector ==
+== Highlighter ==
+[[File:5.inspector.png|400px]]
-[http://paulrouget.com/mockups-devtools/pngs/5.inspector.png]
+[[File:5.1.inspector.folded.png|400px]]
-[http://paulrouget.com/mockups-devtools/pngs/5.1.inspector.folded.png]
+[[File:5.4.inspector.annotations.png|400px]]
 === buglist ===
-* Dockable* HTML panel
+(codeword minotaur on bugzilla)
-* Inspector Toolbar
-** Expand/collapse HTML+Style panels.
+* Inspector Toolbar {{bug|666650}}
-** Create auto-truncating nodepath (XPath) selection tool
+* Dockable* HTML panel {{bug|650794}} {{bug|672002}}
-** querySelector search box
+* Dockable* Style inspectors {{bug|}} ''not sure we need this for a first release''
-* Dockable* Style inspectors
+* Style Inspector redesign {{bug|672005}}
-* create highlighter infobar for selected node
+* Style Inspector linked to CSS Editor {{bug|585563}}
-* Layout Information
+* create highlighter infobar for selected node {{bug|663833}}
+* Expand/collapse HTML+Style panels. {{bug|672002}}
+* Create breadcrumb nodepath selection tool {{bug|672006}}
+* togglable classes {{bug|672003}}
+* CSS Editor {{bug|583041}}
+* Layout Information {{bug|663778}}
+** highlight parent element
 ** Layout info in the inspector toolbar
 ** Layout box in the highlighter (margins, borders and paddings)
+* Annotations
+** Inspector toolbar button
+** Doorhanger style editor for entering code to evaluate
+** Highlighter display of annotations on selected node
+* multiple highlighting
+* querySelector search box
 * Highlighter background controls
 ** Grids
@@ Line 39: / Line 56: @@
 ** Dark
 ** Checkerboard
-* Annotations
-** Inspector toolbar button
+== Web Console ==
-** Doorhanger style editor for entering code to evaluate
-** Highlighter display of annotations on selected node
+[[File:3.console.png|400px]]
+=== buglist ===
+* Dockable "HTTP Requests" and "Object Inspector"