From f861d9b116f9fc0e3160f75758d7fd341ee1a468 Mon Sep 17 00:00:00 2001 From: Dan Fabulich Date: Thu, 24 Jul 2025 03:14:19 -0700 Subject: [PATCH 1/6] Add `interactive-widget` to viewport reference (#40449) --- .../web/html/reference/elements/meta/name/viewport/index.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/files/en-us/web/html/reference/elements/meta/name/viewport/index.md b/files/en-us/web/html/reference/elements/meta/name/viewport/index.md index 446890ed88e54ad..0b41b621c901271 100644 --- a/files/en-us/web/html/reference/elements/meta/name/viewport/index.md +++ b/files/en-us/web/html/reference/elements/meta/name/viewport/index.md @@ -52,6 +52,12 @@ A `` element has the following additional attributes: > > - [MDN Understanding WCAG, Guideline 1.4 explanations](/en-US/docs/Web/Accessibility/Guides/Understanding_WCAG/Perceivable#guideline_1.4_make_it_easier_for_users_to_see_and_hear_content_including_separating_foreground_from_background) > - [Understanding Success Criterion 1.4.4 | W3C Understanding WCAG 2.0](https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-scale.html) + - `interactive-widget` + - : Specifies the effect that interactive UI widgets, such as virtual keyboards, have on a page's viewport. + It can be the keyword `resizes-visual`, `resizes-content`, or `overlays-content`. + - `resizes-visual`: The {{Glossary("visual viewport")}} gets resized by the interactive widget. This is the default. + - `resizes-content`: The {{Glossary("viewport")}} gets resized by the interactive widget. + - `overlays-content`: Neither the viewport nor the visual viewport gets resized by the interactive widget. - `viewport-fit` - : Defines the viewable portions of the web page. It can be one of the keywords `auto`, `contain`, or `cover`. From e0ffae60f27e8842a53936038d4b1ddb290591c0 Mon Sep 17 00:00:00 2001 From: Joshua Chen Date: Thu, 24 Jul 2025 18:59:55 +0800 Subject: [PATCH 2/6] Internalize ConvolverNode codepen example (#40520) * Internalize ConvolverNode codepen example * Update files/en-us/web/api/convolvernode/index.md Co-authored-by: Brian Smith --------- Co-authored-by: Brian Smith --- files/en-us/web/api/convolvernode/index.md | 5 +---- .../web/media/guides/audio_and_video_manipulation/index.md | 2 +- 2 files changed, 2 insertions(+), 5 deletions(-) diff --git a/files/en-us/web/api/convolvernode/index.md b/files/en-us/web/api/convolvernode/index.md index a490b017cc9c6cc..edb51cee1bf966f 100644 --- a/files/en-us/web/api/convolvernode/index.md +++ b/files/en-us/web/api/convolvernode/index.md @@ -59,10 +59,7 @@ _No specific method; inherits methods from its parent, {{domxref("AudioNode")}}_ ## ConvolverNode Example -The following example shows basic usage of an AudioContext to create a convolver node. - -> [!NOTE] -> You will need to find an impulse response to complete the example below. See this [CodePen](https://codepen.io/DonKarlssonSan/pen/doVKRE) for an applied example. +The following example shows basic usage of an AudioContext to create a convolver node. You will need to find an impulse response to complete the example below. See our [HolySpaceCow](https://mdn.github.io/webaudio-examples/holy-space-cow) example for a complete, applied example. ```js let audioCtx = new window.AudioContext(); diff --git a/files/en-us/web/media/guides/audio_and_video_manipulation/index.md b/files/en-us/web/media/guides/audio_and_video_manipulation/index.md index 2154b3b5eb139db..7a9be3a648b56f7 100644 --- a/files/en-us/web/media/guides/audio_and_video_manipulation/index.md +++ b/files/en-us/web/media/guides/audio_and_video_manipulation/index.md @@ -249,7 +249,7 @@ source.connect(convolver); convolver.connect(context.destination); ``` -See this [CodePen](https://codepen.io/a2sheppy/pen/JjPgVYL) for an applied (but very, very silly; like, little kids will giggle kind of silly) example. +See our [HolySpaceCow](https://mdn.github.io/webaudio-examples/holy-space-cow) example for an applied (but very, very silly) example. ### Spatial audio From a745bd9eaab91b3166ebd1354ec8817abfc29831 Mon Sep 17 00:00:00 2001 From: Alex Kladov Date: Thu, 24 Jul 2025 12:56:11 +0100 Subject: [PATCH 3/6] Clarify the meaning of absolute units length (#40521) --- .../core/styling_basics/values_and_units/index.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/files/en-us/learn_web_development/core/styling_basics/values_and_units/index.md b/files/en-us/learn_web_development/core/styling_basics/values_and_units/index.md index 11cfb8f60fd1b2a..18c998fa2c58703 100644 --- a/files/en-us/learn_web_development/core/styling_basics/values_and_units/index.md +++ b/files/en-us/learn_web_development/core/styling_basics/values_and_units/index.md @@ -145,6 +145,10 @@ The following are all **absolute** length units — they are not relative to any Most of these units are more useful when used for print, rather than screen output. For example, we don't typically use `cm` (centimeters) on screen. The only value that you will commonly use is `px` (pixels). +Note that `1px` doesn't necessarily equal one physical device pixel. On HD displays, it may span multiple physical pixels. +Similarly, `1cm` in CSS often doesn't correspond to one hundredth of [SI](https://en.wikipedia.org/wiki/International_System_of_Units) meter. On a large TV screen, it typically is longer than that. +The lengths are perceptual: `16px` looks roughly the same on a phone, laptop, or TV screen at typical viewing distance. + #### Relative length units Relative length units are relative to something else. For example: From 7fdf1972da2094ecf91427a578685670c2fbdb17 Mon Sep 17 00:00:00 2001 From: Joshua Chen Date: Thu, 24 Jul 2025 20:55:00 +0800 Subject: [PATCH 4/6] Mention how multiple select is encoded for submission (#40456) * Mention how multiple select is encoded for submission * Apply suggestions from code review --- files/en-us/web/html/reference/attributes/multiple/index.md | 2 ++ files/en-us/web/html/reference/elements/select/index.md | 2 +- 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/files/en-us/web/html/reference/attributes/multiple/index.md b/files/en-us/web/html/reference/attributes/multiple/index.md index cce8e9c4656f256..288784ff451a20f 100644 --- a/files/en-us/web/html/reference/attributes/multiple/index.md +++ b/files/en-us/web/html/reference/attributes/multiple/index.md @@ -83,6 +83,8 @@ The `multiple` attribute on the {{HTMLElement("select")}} element represents a c When `multiple` is specified, most browsers will show a scrolling list box instead of a single line dropdown. +Multiple selected options are submitted using the {{domxref("URLSearchParams")}} array convention, i.e., `name=value1&name=value2`. + ## Accessibility concerns Provide instructions to help users understand how to complete the form and use individual form controls. Indicate any required and optional input, data formats, and other relevant information. When using the `multiple` attribute, inform the user that multiple values are allowed and provide directions on how to provide multiple values, such as "separate email addresses with a comma." diff --git a/files/en-us/web/html/reference/elements/select/index.md b/files/en-us/web/html/reference/elements/select/index.md index 68fef974537f41e..39c357558e93348 100644 --- a/files/en-us/web/html/reference/elements/select/index.md +++ b/files/en-us/web/html/reference/elements/select/index.md @@ -65,7 +65,7 @@ This element includes the [global attributes](/en-US/docs/Web/HTML/Reference/Glo This attribute lets you associate `