Restore page

files/en-us/_redirects.txt

@@ -12141,9 +12141,8 @@
 /en-US/docs/Web/CSS/Aural	/en-US/docs/Web/CSS/@media
 /en-US/docs/Web/CSS/Block_formatting_context	/en-US/docs/Web/CSS/CSS_display/Block_formatting_context
 /en-US/docs/Web/CSS/CSS3_Columns	/en-US/docs/Web/CSS/CSS_multicol_layout/Using_multicol_layouts
-/en-US/docs/Web/CSS/CSSOM_view	/en-US/docs/Web/API/CSSOM_view
-/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems	/en-US/docs/Web/API/CSSOM_view/Coordinate_systems
-/en-US/docs/Web/CSS/CSSOM_view/Viewport_concepts	/en-US/docs/Web/API/CSSOM_view/Viewport_concepts
+/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems	/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems
+/en-US/docs/Web/CSS/CSSOM_view/Viewport_concepts	/en-US/docs/Web/API/CSSOM_view_API/Viewport_concepts
 /en-US/docs/Web/CSS/CSS_Background_and_Borders	/en-US/docs/Web/CSS/CSS_backgrounds_and_borders
 /en-US/docs/Web/CSS/CSS_Background_and_Borders/Border-image_generator	/en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-image_generator
 /en-US/docs/Web/CSS/CSS_Background_and_Borders/Border-radius_generator	/en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-radius_generator
@@ -12167,7 +12166,7 @@
 /en-US/docs/Web/CSS/CSS_Columns/Using_multi-column_layouts	/en-US/docs/Web/CSS/CSS_multicol_layout/Using_multicol_layouts
 /en-US/docs/Web/CSS/CSS_Columns/Using_multicol_layouts	/en-US/docs/Web/CSS/CSS_multicol_layout/Using_multicol_layouts
 /en-US/docs/Web/CSS/CSS_Device_Adaptation	/en-US/docs/Web/CSS
-/en-US/docs/Web/CSS/CSS_Device_Adaptation/Viewport_Concepts	/en-US/docs/Web/API/CSSOM_view/Viewport_concepts
+/en-US/docs/Web/CSS/CSS_Device_Adaptation/Viewport_Concepts	/en-US/docs/Web/API/CSSOM_view_API/Viewport_concepts
 /en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Advanced_layouts_with_flexbox	/en-US/docs/Glossary/Flexbox
 /en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Box_Alignment_in_Flexbox	/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_flexbox
 /en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax	/en-US/docs/Web/CSS/CSS_flexible_box_layout/Controlling_ratios_of_flex_items_along_the_main_axis
@@ -12348,7 +12347,7 @@
 /en-US/docs/Web/CSS/Using_media_queries_from_code	/en-US/docs/Web/CSS/CSS_media_queries/Testing_media_queries
 /en-US/docs/Web/CSS/Using_the_CSS_multi-column_layout	/en-US/docs/Web/CSS/CSS_multicol_layout/Using_multicol_layouts
 /en-US/docs/Web/CSS/Value_definition_syntax	/en-US/docs/Web/CSS/CSS_Values_and_Units/Value_definition_syntax
-/en-US/docs/Web/CSS/Viewport_concepts	/en-US/docs/Web/API/CSSOM_view/Viewport_concepts
+/en-US/docs/Web/CSS/Viewport_concepts	/en-US/docs/Web/API/CSSOM_view_API/Viewport_concepts
 /en-US/docs/Web/CSS/Visual_formatting_model	/en-US/docs/Web/CSS/CSS_display/Visual_formatting_model
 /en-US/docs/Web/CSS/_image	/en-US/docs/Web/CSS/image/image
 /en-US/docs/Web/CSS/abs()	/en-US/docs/Web/CSS/abs

files/en-us/_wikihistory.json

@@ -22022,17 +22022,6 @@
     "modified": "2020-10-15T22:19:19.805Z",
     "contributors": ["jpmedley"]
   },
-  "Web/API/CSSOM_view": {
-    "modified": "2020-10-15T21:38:34.242Z",
-    "contributors": [
-      "wbamberg",
-      "fscholz",
-      "Sheppy",
-      "mfluehr",
-      "Sebastianz",
-      "teoli"
-    ]
-  },
   "Web/API/CSSOM_view/Coordinate_systems": {
     "modified": "2020-04-27T22:32:23.815Z",
     "contributors": ["chrisn", "mfluehr", "JohannesCleve", "Sheppy"]
@@ -75325,6 +75314,17 @@
       "BijuGC"
     ]
   },
+  "Web/CSS/CSSOM_view": {
+    "modified": "2020-10-15T21:38:34.242Z",
+    "contributors": [
+      "wbamberg",
+      "fscholz",
+      "Sheppy",
+      "mfluehr",
+      "Sebastianz",
+      "teoli"
+    ]
+  },
   "Web/CSS/CSS_Flexible_Box_Layout/Controlling_ratios_of_flex_items_along_main_axis": {
     "modified": "2020-06-24T00:31:19.661Z",
     "contributors": [

files/en-us/glossary/layout_viewport/index.md

@@ -13,8 +13,8 @@ This becomes important, for example, on mobile devices, where a pinching gesture
 
 - {{Glossary("Viewport")}}
 - {{Glossary("Visual viewport")}}
-- [Viewport concepts](/en-US/docs/Web/API/CSSOM_view/Viewport_concepts)
-- [CSSOM view](/en-US/docs/Web/API/CSSOM_view) module
+- [Viewport concepts](/en-US/docs/Web/API/CSSOM_view_API/Viewport_concepts)
+- [CSSOM view](/en-US/docs/Web/CSS/CSSOM_view) module
 - [Visual Viewport API](/en-US/docs/Web/API/Visual_Viewport_API)
 - [Viewport](https://en.wikipedia.org/wiki/Viewport) on Wikipedia
 - [A tale of two viewports](https://www.quirksmode.org/mobile/viewports.html) (Quirksmode)

files/en-us/glossary/viewport/index.md

@@ -17,8 +17,8 @@ The visual viewport of an {{htmlelement("iframe")}}, {{svgelement("svg")}}, or {
 
 - {{Glossary("Visual viewport")}}
 - {{Glossary("Layout viewport")}}
-- [Viewport concepts](/en-US/docs/Web/API/CSSOM_view/Viewport_concepts)
-- [CSSOM view](/en-US/docs/Web/API/CSSOM_view) module
+- [Viewport concepts](/en-US/docs/Web/API/CSSOM_view_API/Viewport_concepts)
+- [CSSOM view](/en-US/docs/Web/CSS/CSSOM_view) module
 - [Visual Viewport API](/en-US/docs/Web/API/Visual_Viewport_API)
 - [Viewport](https://en.wikipedia.org/wiki/Viewport) on Wikipedia
 - [A tale of two viewports](https://www.quirksmode.org/mobile/viewports.html) (Quirksmode)

files/en-us/glossary/visual_viewport/index.md

@@ -11,8 +11,8 @@ The portion of the {{Glossary("viewport")}} that is currently visible is called
 
 - {{Glossary("Viewport")}}
 - {{Glossary("Layout viewport")}}
-- [Viewport concepts](/en-US/docs/Web/API/CSSOM_view/Viewport_concepts)
-- [CSSOM view](/en-US/docs/Web/API/CSSOM_view) module
+- [Viewport concepts](/en-US/docs/Web/API/CSSOM_view_API/Viewport_concepts)
+- [CSSOM view](/en-US/docs/Web/CSS/CSSOM_view) module
 - [Visual Viewport API](/en-US/docs/Web/API/Visual_Viewport_API)
 - [Viewport](https://en.wikipedia.org/wiki/Viewport) on Wikipedia
 - [A tale of two viewports](https://www.quirksmode.org/mobile/viewports.html) (Quirksmode)

files/en-us/learn_web_development/getting_started/your_first_website/creating_the_content/index.md

@@ -89,7 +89,7 @@ Here, we have the following:
 - `<html></html>`: The {{htmlelement("html")}} element wraps all the content on the entire page and is sometimes known as the **root element**. It also includes the `lang` [attribute](/en-US/docs/Glossary/Attribute), which sets the primary language of the document.
 - `<head></head>`: The {{htmlelement("head")}} element acts as a container for all the stuff you want to include on the HTML page that _isn't_ the content you are showing to your page's viewers. This includes things like {{Glossary("keyword", "keywords")}} and a page description that you want to appear in search results, {{glossary("CSS")}} to style the content, character set declarations, and more.
 - `<meta charset="utf-8">`: This element sets the character set your document should use to [UTF-8](/en-US/docs/Glossary/UTF-8), which includes most characters from the vast majority of written languages. Essentially, it can now handle any textual content you might put on it. There is no reason not to set this, and it can help avoid some problems later on.
-- `<meta name="viewport" content="width=device-width">`: This [viewport element](/en-US/docs/Web/API/CSSOM_view/Viewport_concepts#mobile_viewports) ensures the page renders at the width of the browser viewport, preventing mobile browsers from rendering pages wider than the viewport and then shrinking them down.
+- `<meta name="viewport" content="width=device-width">`: This [viewport element](/en-US/docs/Web/API/CSSOM_view_API/Viewport_concepts#mobile_viewports) ensures the page renders at the width of the browser viewport, preventing mobile browsers from rendering pages wider than the viewport and then shrinking them down.
 - `<title></title>`: The {{htmlelement("title")}} element sets the title of your page, which is the title that appears in the browser tab the page is loaded in. It is also used to describe the page when you bookmark/favorite it.
 - `<body></body>`: The {{htmlelement("body")}} element contains _all_ the content that you want to show to web users when they visit your page, whether that's text, images, videos, games, playable audio tracks, or whatever else. At the moment it only contains a single `<img>` element, but we'll add more content later on.
 

files/en-us/web/api/caretposition/getclientrect/index.md

@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.CaretPosition.getClientRect
 ---
 
-{{APIRef("CSSOM view")}}
+{{APIRef("CSSOM view API")}}
 
 The `getClientRect()` method of the {{domxref("CaretPosition")}} interface returns the client rectangle for the caret range.
 

files/en-us/web/api/caretposition/index.md

@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.CaretPosition
 ---
 
-{{APIRef("CSSOM view")}}
+{{APIRef("CSSOM view API")}}
 
 The `CaretPosition` interface represents the caret position, an indicator for the text insertion point.
 You can get a `CaretPosition` using the {{domxref("Document.caretPositionFromPoint()")}} method.

files/en-us/web/api/caretposition/offset/index.md

@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.CaretPosition.offset
 ---
 
-{{APIRef("CSSOM view")}}
+{{APIRef("CSSOM view API")}}
 
 The **`offset`** property of the {{domxref("CaretPosition")}} interface returns an integer representing the offset of the selection in the caret position node.
 

files/en-us/web/api/caretposition/offsetnode/index.md

@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.CaretPosition.offsetNode
 ---
 
-{{APIRef("CSSOM view")}}
+{{APIRef("CSSOM view API")}}
 
 The **`offsetNode`** property of the {{domxref("CaretPosition")}} interface returns a {{domxref("Node")}} containing the found node at the caret's position.
 

files/en-us/web/api/cssom_view/coordinate_systems/index.md → files/en-us/web/api/cssom_view_api/coordinate_systems/index.md

@@ -1,10 +1,10 @@
 ---
 title: Coordinate systems
-slug: Web/API/CSSOM_view/Coordinate_systems
+slug: Web/API/CSSOM_view_API/Coordinate_systems
 page-type: guide
 ---
 
-{{DefaultAPISidebar("CSSOM view")}}
+{{DefaultAPISidebar("CSSOM view API")}}
 
 When specifying the location of a pixel in a graphics context (just like when specifying coordinate systems in [algebra](https://en.wikipedia.org/wiki/Algebra)), its position is defined relative to a fixed point in the context. This fixed point is called the [origin](<https://en.wikipedia.org/wiki/Origin_(mathematics)>). The position is specified as the number of pixels offset from the origin along each dimension of the context.
 
@@ -139,7 +139,7 @@ Here you can see the results in action. As you mouse in and around the blue box,
 
 ## See also
 
-- [Viewport concepts](/en-US/docs/Web/API/CSSOM_view/Viewport_concepts)
+- [Viewport concepts](/en-US/docs/Web/API/CSSOM_view_API/Viewport_concepts)
 - [Using CSS transforms](/en-US/docs/Web/CSS/CSS_transforms/Using_CSS_transforms): how to alter a coordinate system
 - Coordinates of a {{domxref("MouseEvent")}}:
   - {{domxref("MouseEvent.offsetX")}} and {{domxref("MouseEvent.offsetY")}}

files/en-us/web/api/cssom_view/index.md → files/en-us/web/api/cssom_view_api/index.md

@@ -1,19 +1,19 @@
 ---
-title: CSSOM view
-slug: Web/API/CSSOM_view
+title: CSSOM view API
+slug: Web/API/CSSOM_view_API
 page-type: web-api-overview
 spec-urls: https://drafts.csswg.org/cssom-view/
 ---
 
-{{DefaultAPISidebar("CSSOM view")}}
+{{DefaultAPISidebar("CSSOM view API")}}
 
-The **CSSOM view** module lets you manipulate the visual view of a document, including getting the position of element layout boxes, obtaining the width or height of the viewport through script, and also scrolling an element.
+The **CSSOM view API** lets you manipulate the visual view of a document, including getting the position of element layout boxes, obtaining the width or height of the viewport through script, and also scrolling an element.
 
 ## Guides
 
-- [Coordinate systems](/en-US/docs/Web/API/CSSOM_view/Coordinate_systems)
+- [Coordinate systems](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems)
   - : The coordinate systems used to specify a position in a display context such as a window on a monitor, a viewport on a mobile device, or a position on a sheet of paper when printing.
-- [Viewport concepts](/en-US/docs/Web/API/CSSOM_view/Viewport_concepts)
+- [Viewport concepts](/en-US/docs/Web/API/CSSOM_view_API/Viewport_concepts)
   - : The concept of the viewport — what it is, its impact in terms of CSS, SVG, and mobile devices — and the difference between the visual viewport and the layout viewport.
 
 ## Interfaces
@@ -123,6 +123,7 @@ This module defines geometric utility methods that apply to the {{domxref("Text"
 ## See also
 
 - [CSS Object Model (CSSOM)](/en-US/docs/Web/API/CSS_Object_Model) API
+- [CSSOM view](/en-US/docs/Web/CSS/CSSOM_view) module
 - [CSS overflow](/en-US/docs/Web/CSS/CSS_overflow) module
 - [CSS overscroll behavior](/en-US/docs/Web/CSS/CSS_overscroll_behavior) module
 - [CSS scroll snap](/en-US/docs/Web/CSS/CSS_scroll_snap) module

files/en-us/web/api/cssom_view/viewport_concepts/index.md → files/en-us/web/api/cssom_view_api/viewport_concepts/index.md

@@ -1,10 +1,10 @@
 ---
 title: Viewport concepts
-slug: Web/API/CSSOM_view/Viewport_concepts
+slug: Web/API/CSSOM_view_API/Viewport_concepts
 page-type: guide
 ---
 
-{{DefaultAPISidebar("CSSOM view")}}
+{{DefaultAPISidebar("CSSOM view API")}}
 
 This article explains the concept of the {{glossary("viewport")}} — what it is and its impact in terms of CSS, SVG, and mobile devices. This article defines the initial viewport and actual viewport, and differentiates between the {{glossary("visual viewport")}} and the {{glossary("layout viewport")}}.
 
@@ -139,7 +139,7 @@ In an [SVG](/en-US/docs/Web/SVG) document, the viewport is the visible area of t
 
 In this example, the viewport has an {{glossary("aspect ratio")}} of 3:4 and is, by default, 400 by 300 units, with a unit generally being a CSS pixel.
 
-SVG also has an internal [coordinate system](/en-US/docs/Web/API/CSSOM_view/Coordinate_systems) defined via the [viewBox](/en-US/docs/Web/SVG/Reference/Attribute/viewBox) attribute, which is not related to this viewport discussion.
+SVG also has an internal [coordinate system](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems) defined via the [viewBox](/en-US/docs/Web/SVG/Reference/Attribute/viewBox) attribute, which is not related to this viewport discussion.
 
 If you include an SVG file in your HTML, the viewport of the SVG is the initial containing block, or the width and height of the SVG container. Using the {{CSSxRef("@media")}} query in your SVG's CSS is relative to that container, not the browser.
 
@@ -169,7 +169,7 @@ The `width` property controls the size of the viewport. It should preferably be
 
 ## See also
 
-- [CSSOM view](/en-US/docs/Web/API/CSSOM_view) module
+- [CSSOM view](/en-US/docs/Web/CSS/CSSOM_view) module
 - [Visual Viewport API](/en-US/docs/Web/API/Visual_Viewport_API)
 - {{HTMLElement("meta")}}, specifically `<meta name="viewport">`
 - [Using the viewport meta tag to control layout on mobile browsers](/en-US/docs/Web/HTML/Guides/Viewport_meta_element)

files/en-us/web/api/device_orientation_events/using_device_orientation_with_3d_transforms/index.md

@@ -12,7 +12,7 @@ This article provides tips on how to use device orientation information in tande
 
 The easiest way to convert [orientation data](/en-US/docs/Web/API/Window/deviceorientation_event) to a [3D transform](/en-US/docs/Web/CSS/transform) is basically to use the `alpha`, `gamma`, and `beta` values as `rotateZ`, `rotateX` and `rotateY` values.
 
-It is important to keep in mind, however, that the [Device Orientation coordinate system](/en-US/docs/Web/API/Device_orientation_events/Orientation_and_motion_data_explained) is different from the [CSS coordinate system](/en-US/docs/Web/API/CSSOM_view/Coordinate_systems). Namely, the former is [right-handed](https://en.wikipedia.org/wiki/Right-hand_rule) and its Y axis is positive upwards, while the latter is a left-handed coordinate system whose Y axis is positive to the bottom. Furthermore, the Device Orientation angle rotations should always be done in a Z - X' - Y'' order that does not match the order of some [CSS Transforms](/en-US/docs/Web/CSS/CSS_transforms). These are some of the practical consequences of these differences:
+It is important to keep in mind, however, that the [Device Orientation coordinate system](/en-US/docs/Web/API/Device_orientation_events/Orientation_and_motion_data_explained) is different from the [CSS coordinate system](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems). Namely, the former is [right-handed](https://en.wikipedia.org/wiki/Right-hand_rule) and its Y axis is positive upwards, while the latter is a left-handed coordinate system whose Y axis is positive to the bottom. Furthermore, the Device Orientation angle rotations should always be done in a Z - X' - Y'' order that does not match the order of some [CSS Transforms](/en-US/docs/Web/CSS/CSS_transforms). These are some of the practical consequences of these differences:
 
 - The order of angle rotations matters, so make sure the alpha, beta and gamma rotations are applied in this order.
 - The [`rotate3d()`](/en-US/docs/Web/CSS/transform-function/rotate3d) CSS transformation, and the [`DOMMatrixReadOnly.rotate()`](/en-US/docs/Web/API/DOMMatrixReadOnly/rotate) and [`DOMMatrix.rotateSelf()`](/en-US/docs/Web/API/DOMMatrix/rotateSelf) functions apply angle rotations in a Z - Y' - X'' order, so it is not possible to apply the alpha, beta and gamma rotations in the right order with a single call to any of them. Instead, you should rotate each axis individually in the correct order.

files/en-us/web/api/document/caretpositionfrompoint/index.md

@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.Document.caretPositionFromPoint
 ---
 
-{{APIRef("CSSOM View")}}
+{{APIRef("CSSOM view API")}}
 
 The **`caretPositionFromPoint()`** method of the {{domxref("Document")}} interface returns a {{domxref('CaretPosition')}} object, containing the DOM node, along with the caret and caret's character offset within that node.
 

files/en-us/web/api/element/dblclick_event/index.md

@@ -39,9 +39,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}}
 - {{domxref("MouseEvent.buttons")}} {{ReadOnlyInline}}
   - : The buttons being pressed (if any) when the mouse event was fired.
 - {{domxref("MouseEvent.clientX")}} {{ReadOnlyInline}}
-  - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view/Coordinate_systems#viewport).
+  - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport).
 - {{domxref("MouseEvent.clientY")}} {{ReadOnlyInline}}
-  - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view/Coordinate_systems#viewport).
+  - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport).
 - {{domxref("MouseEvent.ctrlKey")}} {{ReadOnlyInline}}
   - : Returns `true` if the <kbd>control</kbd> key was down when the mouse event was fired.
 - {{domxref("MouseEvent.layerX")}} {{Non-standard_inline}} {{ReadOnlyInline}}
@@ -65,9 +65,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}}
 - {{domxref("MouseEvent.relatedTarget")}} {{ReadOnlyInline}}
   - : The secondary target for the event, if there is one.
 - {{domxref("MouseEvent.screenX")}} {{ReadOnlyInline}}
-  - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view/Coordinate_systems#screen).
+  - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen).
 - {{domxref("MouseEvent.screenY")}} {{ReadOnlyInline}}
-  - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view/Coordinate_systems#screen).
+  - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen).
 - {{domxref("MouseEvent.shiftKey")}} {{ReadOnlyInline}}
   - : Returns `true` if the <kbd>shift</kbd> key was down when the mouse event was fired.
 - {{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{ReadOnlyInline}}