From baa04fb8aa919325edb0158d6de7d5f0bc06a333 Mon Sep 17 00:00:00 2001 From: Sebastian Hengst Date: Wed, 22 Mar 2017 15:26:30 +0100 Subject: [PATCH] Backed out changeset fd138b13a8f2 (bug 1349256) --HG-- rename : devtools/docs/backend/backend.md => devtools/docs/backend.md rename : devtools/docs/backend/backward-compatibility.md => devtools/docs/backward-compatibility.md rename : devtools/docs/backend/debugger-api.md => devtools/docs/debugger-api.md rename : devtools/docs/tools/debugger-panel.md => devtools/docs/debugger-panel.md rename : devtools/docs/frontend/frontend.md => devtools/docs/frontend.md rename : devtools/docs/tools/highlighters.md => devtools/docs/highlighters.md rename : devtools/docs/tools/http-inspector.md => devtools/docs/http-inspector.md rename : devtools/docs/resources/box-model-highlighter-screenshot.png => devtools/docs/img/box-model-highlighter-screenshot.png rename : devtools/docs/tools/inspector-panel.md => devtools/docs/inspector-panel.md rename : devtools/docs/tools/inspector.md => devtools/docs/inspector.md rename : devtools/docs/tools/memory-panel.md => devtools/docs/memory-panel.md rename : devtools/docs/backend/protocol.md => devtools/docs/protocol.md rename : devtools/docs/frontend/react-guidelines.md => devtools/docs/react-guidelines.md rename : devtools/docs/frontend/react-tips.md => devtools/docs/react-tips.md rename : devtools/docs/frontend/react.md => devtools/docs/react.md rename : devtools/docs/frontend/redux-guidelines.md => devtools/docs/redux-guidelines.md rename : devtools/docs/frontend/redux-tips.md => devtools/docs/redux-tips.md rename : devtools/docs/frontend/redux.md => devtools/docs/redux.md rename : devtools/docs/tools/responsive-design-mode.md => devtools/docs/responsive-design-mode.md rename : devtools/docs/frontend/svgs.md => devtools/docs/svgs.md rename : devtools/docs/resources/expand-strokes.gif => devtools/docs/svgs/expand-strokes.gif rename : devtools/docs/resources/pathfinder.gif => devtools/docs/svgs/pathfinder.gif rename : devtools/docs/resources/sketch-position.png => devtools/docs/svgs/sketch-position.png rename : devtools/docs/tools/tools.md => devtools/docs/tools.md --- devtools/docs/SUMMARY.md | 39 +++++++++--------- devtools/docs/{backend => }/backend.md | 0 .../{backend => }/backward-compatibility.md | 0 devtools/docs/{backend => }/debugger-api.md | 0 devtools/docs/{tools => }/debugger-panel.md | 0 devtools/docs/{frontend => }/frontend.md | 0 devtools/docs/{tools => }/highlighters.md | 2 +- devtools/docs/{tools => }/http-inspector.md | 0 .../box-model-highlighter-screenshot.png | Bin devtools/docs/{tools => }/inspector-panel.md | 0 devtools/docs/{tools => }/inspector.md | 0 devtools/docs/{tools => }/memory-panel.md | 0 devtools/docs/{backend => }/protocol.md | 0 .../docs/{frontend => }/react-guidelines.md | 0 devtools/docs/{frontend => }/react-tips.md | 0 devtools/docs/{frontend => }/react.md | 0 .../docs/{frontend => }/redux-guidelines.md | 0 devtools/docs/{frontend => }/redux-tips.md | 0 devtools/docs/{frontend => }/redux.md | 0 .../{tools => }/responsive-design-mode.md | 0 devtools/docs/{frontend => }/svgs.md | 6 +-- .../{resources => svgs}/expand-strokes.gif | Bin .../docs/{resources => svgs}/pathfinder.gif | Bin .../{resources => svgs}/sketch-position.png | Bin devtools/docs/{tools => }/tools.md | 0 25 files changed, 23 insertions(+), 24 deletions(-) rename devtools/docs/{backend => }/backend.md (100%) rename devtools/docs/{backend => }/backward-compatibility.md (100%) rename devtools/docs/{backend => }/debugger-api.md (100%) rename devtools/docs/{tools => }/debugger-panel.md (100%) rename devtools/docs/{frontend => }/frontend.md (100%) rename devtools/docs/{tools => }/highlighters.md (99%) rename devtools/docs/{tools => }/http-inspector.md (100%) rename devtools/docs/{resources => img}/box-model-highlighter-screenshot.png (100%) rename devtools/docs/{tools => }/inspector-panel.md (100%) rename devtools/docs/{tools => }/inspector.md (100%) rename devtools/docs/{tools => }/memory-panel.md (100%) rename devtools/docs/{backend => }/protocol.md (100%) rename devtools/docs/{frontend => }/react-guidelines.md (100%) rename devtools/docs/{frontend => }/react-tips.md (100%) rename devtools/docs/{frontend => }/react.md (100%) rename devtools/docs/{frontend => }/redux-guidelines.md (100%) rename devtools/docs/{frontend => }/redux-tips.md (100%) rename devtools/docs/{frontend => }/redux.md (100%) rename devtools/docs/{tools => }/responsive-design-mode.md (100%) rename devtools/docs/{frontend => }/svgs.md (90%) rename devtools/docs/{resources => svgs}/expand-strokes.gif (100%) rename devtools/docs/{resources => svgs}/pathfinder.gif (100%) rename devtools/docs/{resources => svgs}/sketch-position.png (100%) rename devtools/docs/{tools => }/tools.md (100%) diff --git a/devtools/docs/SUMMARY.md b/devtools/docs/SUMMARY.md index 435b8d21c885..f6b8c2e29a9c 100644 --- a/devtools/docs/SUMMARY.md +++ b/devtools/docs/SUMMARY.md @@ -1,23 +1,22 @@ # Summary -* [Tool Architectures](tools/tools.md) - * [Inspector](tools/inspector.md) - * [Panel Architecture](tools/inspector-panel.md) - * [Highlighters](tools/highlighters.md) - * [Memory](tools/memory-panel.md) - * [Debugger](tools/debugger-panel.md) - * [Responsive Design Mode](tools/responsive-design-mode.md) - * [HTTP Inspector](tools/http-inspector.md) -* [Frontend](frontend/frontend.md) - * [Panel SVGs](frontend/svgs.md) - * [React](frontend/react.md) - * [Guidelines](frontend/react-guidelines.md) - * [Tips](frontend/react-tips.md) - * [Redux](frontend/redux.md) - * [Guidelines](frontend/redux-guidelines.md) - * [Tips](frontend/redux-tips.md) -* [Backend](backend/backend.md) - * [Protocol](backend/protocol.md) - * [Debugger API](backend/debugger-api.md) - * [Backward Compatibility](backend/backward-compatibility.md) +* [Tool Architectures](tools.md) + * [Inspector](inspector.md) + * [Panel Architecture](inspector-panel.md) + * [Highlighters](highlighters.md) + * [Memory](memory-panel.md) + * [Debugger](debugger-panel.md) + * [Responsive Design Mode](responsive-design-mode.md) +* [Frontend](frontend.md) + * [Panel SVGs](svgs.md) + * [React](react.md) + * [Guidelines](react-guidelines.md) + * [Tips](react-tips.md) + * [Redux](redux.md) + * [Guidelines](redux-guidelines.md) + * [Tips](redux-tips.md) +* [Backend](backend.md) + * [Protocol](protocol.md) + * [Debugger API](debugger-api.md) + * [Backward Compatibility](backward-compatibility.md) diff --git a/devtools/docs/backend/backend.md b/devtools/docs/backend.md similarity index 100% rename from devtools/docs/backend/backend.md rename to devtools/docs/backend.md diff --git a/devtools/docs/backend/backward-compatibility.md b/devtools/docs/backward-compatibility.md similarity index 100% rename from devtools/docs/backend/backward-compatibility.md rename to devtools/docs/backward-compatibility.md diff --git a/devtools/docs/backend/debugger-api.md b/devtools/docs/debugger-api.md similarity index 100% rename from devtools/docs/backend/debugger-api.md rename to devtools/docs/debugger-api.md diff --git a/devtools/docs/tools/debugger-panel.md b/devtools/docs/debugger-panel.md similarity index 100% rename from devtools/docs/tools/debugger-panel.md rename to devtools/docs/debugger-panel.md diff --git a/devtools/docs/frontend/frontend.md b/devtools/docs/frontend.md similarity index 100% rename from devtools/docs/frontend/frontend.md rename to devtools/docs/frontend.md diff --git a/devtools/docs/tools/highlighters.md b/devtools/docs/highlighters.md similarity index 99% rename from devtools/docs/tools/highlighters.md rename to devtools/docs/highlighters.md index 758a66d1f093..d9854b516d53 100644 --- a/devtools/docs/tools/highlighters.md +++ b/devtools/docs/highlighters.md @@ -6,7 +6,7 @@ By highlighter, we mean anything that DevTools displays on top of the content pa The most obvious form of highlighter is the box-model highlighter, whose job is to display the 4 box-model regions on top of a given element in the content page, as illustrated in the following screen capture: -![Box-model highlighter](../resources/box-model-highlighter-screenshot.png) +![Box-model highlighter](./img/box-model-highlighter-screenshot.png) But there can be a wide variety of highlighters. In particular, highlighters are a pretty good way to give detailed information about: diff --git a/devtools/docs/tools/http-inspector.md b/devtools/docs/http-inspector.md similarity index 100% rename from devtools/docs/tools/http-inspector.md rename to devtools/docs/http-inspector.md diff --git a/devtools/docs/resources/box-model-highlighter-screenshot.png b/devtools/docs/img/box-model-highlighter-screenshot.png similarity index 100% rename from devtools/docs/resources/box-model-highlighter-screenshot.png rename to devtools/docs/img/box-model-highlighter-screenshot.png diff --git a/devtools/docs/tools/inspector-panel.md b/devtools/docs/inspector-panel.md similarity index 100% rename from devtools/docs/tools/inspector-panel.md rename to devtools/docs/inspector-panel.md diff --git a/devtools/docs/tools/inspector.md b/devtools/docs/inspector.md similarity index 100% rename from devtools/docs/tools/inspector.md rename to devtools/docs/inspector.md diff --git a/devtools/docs/tools/memory-panel.md b/devtools/docs/memory-panel.md similarity index 100% rename from devtools/docs/tools/memory-panel.md rename to devtools/docs/memory-panel.md diff --git a/devtools/docs/backend/protocol.md b/devtools/docs/protocol.md similarity index 100% rename from devtools/docs/backend/protocol.md rename to devtools/docs/protocol.md diff --git a/devtools/docs/frontend/react-guidelines.md b/devtools/docs/react-guidelines.md similarity index 100% rename from devtools/docs/frontend/react-guidelines.md rename to devtools/docs/react-guidelines.md diff --git a/devtools/docs/frontend/react-tips.md b/devtools/docs/react-tips.md similarity index 100% rename from devtools/docs/frontend/react-tips.md rename to devtools/docs/react-tips.md diff --git a/devtools/docs/frontend/react.md b/devtools/docs/react.md similarity index 100% rename from devtools/docs/frontend/react.md rename to devtools/docs/react.md diff --git a/devtools/docs/frontend/redux-guidelines.md b/devtools/docs/redux-guidelines.md similarity index 100% rename from devtools/docs/frontend/redux-guidelines.md rename to devtools/docs/redux-guidelines.md diff --git a/devtools/docs/frontend/redux-tips.md b/devtools/docs/redux-tips.md similarity index 100% rename from devtools/docs/frontend/redux-tips.md rename to devtools/docs/redux-tips.md diff --git a/devtools/docs/frontend/redux.md b/devtools/docs/redux.md similarity index 100% rename from devtools/docs/frontend/redux.md rename to devtools/docs/redux.md diff --git a/devtools/docs/tools/responsive-design-mode.md b/devtools/docs/responsive-design-mode.md similarity index 100% rename from devtools/docs/tools/responsive-design-mode.md rename to devtools/docs/responsive-design-mode.md diff --git a/devtools/docs/frontend/svgs.md b/devtools/docs/svgs.md similarity index 90% rename from devtools/docs/frontend/svgs.md rename to devtools/docs/svgs.md index 65603126df51..90ff0ff5e985 100644 --- a/devtools/docs/frontend/svgs.md +++ b/devtools/docs/svgs.md @@ -24,10 +24,10 @@ You can download a sample Illustrator file [here](https://www.dropbox.com/home/M When you're designing your icons in a graphics editor like Adobe Illustrator, there are a lot of things you can do that will bring down the size of the file and make your SVGs easier for the developers to work with. Here are some of them: - **Expand paths**: Instead of having multiple shapes overlapping each other, expand shapes using the pathfinder. -![Use pathfinder to expand shapes](../resources/pathfinder.gif) +![Use pathfinder to expand shapes](./svgs/pathfinder.gif) - Simplify paths (```Object``` > ```Path``` > ```Simplify```) - Expand objects so that strokes become objects. This has the added benefit of keeping the stroke size intact as the SVG is resized. -![Expand strokes to make them objects](../resources/expand-strokes.gif) +![Expand strokes to make them objects](./svgs/expand-strokes.gif) ## Sketch Sketch vector work is a little different but the fundamentals (keeping your SVG small, expanding all paths) is the same. Here's what we've found helps to build clean icons: @@ -35,7 +35,7 @@ Sketch vector work is a little different but the fundamentals (keeping your SVG - **Build your icon at 16x16 with the Pixel Grid turned on.** You can turn the pixel grid on at ```View > Canvas > Show Pixels``` - **Make sure that all x/y coordinates are full pixels for lines/rectangles.** Sub-pixels = not on pixel grid. -![Position in the upper right hand corner of Sketch](../resources/sketch-position.png) +![Position in the upper right hand corner of Sketch](./svgs/sketch-position.png) - **Expand all your paths so strokes expand properly as the SVG gets resized.** You can do this at ```Layer > Paths > Vectorize Stroke```. diff --git a/devtools/docs/resources/expand-strokes.gif b/devtools/docs/svgs/expand-strokes.gif similarity index 100% rename from devtools/docs/resources/expand-strokes.gif rename to devtools/docs/svgs/expand-strokes.gif diff --git a/devtools/docs/resources/pathfinder.gif b/devtools/docs/svgs/pathfinder.gif similarity index 100% rename from devtools/docs/resources/pathfinder.gif rename to devtools/docs/svgs/pathfinder.gif diff --git a/devtools/docs/resources/sketch-position.png b/devtools/docs/svgs/sketch-position.png similarity index 100% rename from devtools/docs/resources/sketch-position.png rename to devtools/docs/svgs/sketch-position.png diff --git a/devtools/docs/tools/tools.md b/devtools/docs/tools.md similarity index 100% rename from devtools/docs/tools/tools.md rename to devtools/docs/tools.md