mdn · Josh-Cena · May 4, 2026 · Apr 23, 2026 · May 4, 2026 · May 4, 2026
@@ -36,6 +36,7 @@ allowevents
 alternatingbackground
 ALTGR
 amssymb
+andnot
 android-safetynet
 animalfound
 anims
@@ -66,6 +67,7 @@ audiocontext
 authorid
 autolocate
 autospace
+avgr_u
 backdrag
 backgroundfetchabort
 backgroundfetchclick
@@ -83,6 +85,7 @@ BGRX
 bgtest
 bhks
 biske
+bitselect
 bmatrix
 BPPV1
 Brai
@@ -232,7 +235,9 @@ ethioaa
 exitpictureinpicture
 exnref
 Exsel
+extadd
 externref
+extmul
 fangsong
 fencedframe
 fgets
@@ -377,6 +382,7 @@ Kore
 krai
 kwriteconfig
 lanatham
+laneidx
 laoo
 largeop
 latexmlc
@@ -437,6 +443,7 @@ mediasidebar
 mediastream
 mediummathspace
 mediump
+memidx
 menupanel
 merchantvalidation
 meterbar
@@ -613,6 +620,8 @@ pjpeg
 PlatformNaclArch
 platformversion
 pmatrix
+pmax
+pmin
 pnum
 pointerrawupdate
 popcnt
@@ -650,6 +659,7 @@ pwasidebar
 pwid
 pythonanywhere
 pyxpidl
+q15mulr_sat_s
 queryset
 quicktime
 raddr
@@ -754,6 +764,7 @@ streamfilter
 stripslashes
 stripsurroundingwhitespace
 strncpy
+structref
 SUBDOCUMENT
 sund
 sunu

@@ -77,6 +77,7 @@ CHANGEME
 chatserver
 Clampin
 clita
+cmFuZG9tQ2hhbGxlbmdl
 coegdfgfddffbgning
 concedays
 Confecta
@@ -112,6 +113,7 @@ draft-ietf-httpbis
 DSWbdfnrstvw
 dubby
 Duden
+dXNlcjEyMw
 dXNlcm5hbWU6cGFzc3dvcmQ
 EACC
 easi
@@ -208,6 +210,7 @@ Loomings
 loopend
 LRLRLRLRLRLRLRLRLRLRLRLRLRLRLRLR
 LROR
+mabekielmoibbmlepeohhncklpnjmcpk
 magis
 Mand
 manis
@@ -329,6 +332,7 @@ wisi
 Wookie
 XYZD
 xyzzy
+Y3JlZGVudGlhbElk
 YOUREXT
 YsAIAAAA-QG4G6kCMAMBAAAAAAAoK
 YSDEgCDwkICAIOaWhyDwn6aE

@@ -364,6 +364,7 @@ Lianghekou
 Libera.Chat
 Libertinus
 Lighttpd
+LINDDUN
 Lindenberg
 Lindesay
 Liskov
@@ -680,6 +681,7 @@ Yoshi
 Yousafzai
 Yslow
 YubiKey
+YubiKeys
 Yuki
 Yura
 Yusuf

@@ -204,6 +204,7 @@ equirect
 equirectangular
 ESSL
 ETSI
+exfiltrates
 exfiltrating
 EXIF
 expando

@@ -190,7 +190,7 @@ This is a collision algorithm that can detect a collision between any two _conve
 
 Implementing SAT is out of scope for this page so see the recommended tutorials below:
 
-1. [Separating Axis Theorem (SAT) explanation](https://www.sevenson.com.au/programming/sat/)
+1. [Separating Axis Theorem (SAT) explanation](https://www.sevenson.com.au/blog/sat/)
 2. [Collision detection and response](https://www.metanetsoftware.com/technique/tutorialA.html)
 3. [Collision detection Using the Separating Axis Theorem](https://code.tutsplus.com/collision-detection-using-the-separating-axis-theorem--gamedev-169t)
 4. [SAT (Separating Axis Theorem)](https://dyn4j.org/2010/01/sat/)

@@ -303,7 +303,7 @@ Explore the links provided earlier in this section to read about the different l
 
 Work released into the public domain is sometimes referred to as "no rights reserved" — no copyright applies to it, and it can be used without permission and without having to fulfill any licensing conditions. Work can end up in the public domain by various means such as expiration of copyright, or specific waiving of rights.
 
-One of the most effective ways to place work in the public domain is to license it under [CC0](https://creativecommons.org/public-domain/cc0/), a specific creative commons license that provides a clear and unambiguous legal tool for this purpose.
+One of the most effective ways to place work in the public domain is to license it under [CC0](https://wiki.creativecommons.org/wiki/CC0), a specific creative commons license that provides a clear and unambiguous legal tool for this purpose.
 
 When using public domain images, obtain proof that the image is in the public domain and keep the proof for your records. For example, take a screenshot of the original source with the licensing status clearly displayed, and consider adding a page to your website with a list of the images acquired along with their license requirements.
 

@@ -248,7 +248,7 @@ As mentioned in the last chapter, you can take a lot of the pain out of browser
 
 There are also commercial tools available such as [Sauce Labs](https://saucelabs.com/) and [Browser Stack](https://www.browserstack.com/) that do this kind of thing for you, without you having to worry about the setup, if you wish to invest some money in your testing.
 
-Another alternative is to use no-code test automation tools such as [Endtest](https://www.endtest.io/).
+Another alternative is to use no-code test automation tools such as [Endtest](https://endtest.io/).
 
 We will look at how to use such tools later on in the module.
 

@@ -88,7 +88,7 @@ To set your `PATH` variable on a macOS system and on most Linux systems:
    You should see it printed out in the terminal.
 
 > [!NOTE]
-> To set your `PATH` variable on Windows, follow the instructions at [How can I add a new folder to my system path?](https://www.itprotoday.com/)
+> To set your `PATH` variable on Windows, follow the instructions at [How can I add a new folder to my system path?](https://stackoverflow.com/questions/44272416/add-a-folder-to-the-path-environment-variable-in-windows-10-with-screenshots)
 
 Let's try a quick test to make sure everything is working.
 
@@ -806,7 +806,7 @@ To get started, see for example:
 - [Using Sauce Labs with Travis CI](https://docs.travis-ci.com/user/sauce-connect/)
 
 > [!NOTE]
-> If you wish to perform continuous testing with **codeless automation** then you can use [Endtest](https://www.endtest.io/) or [TestingBot](https://testingbot.com/).
+> If you wish to perform continuous testing with **codeless automation** then you can use [Endtest](https://endtest.io/) or [TestingBot](https://testingbot.com/).
 
 ## Summary
 

@@ -184,7 +184,7 @@ Track the progress of a complete project from start to finish — try it with yo
 
 - [What is a Tech Stack and How Do They Work?](https://www.mongodb.com/resources/basics/technology-stack), mongodb.com
 - [Website development team structure: roles and processes](https://www.truemark.dev/blog/web-development-team-structure-role-process/), truemark.dev (2017)
-- [Agile vs. Waterfall](https://www.productplan.com/learn/agile-vs-waterfall/), ProductPlan
+- [Agile vs. Waterfall](https://www.productplan.com/learn/agile-vs-waterfall), ProductPlan
 - [What is Scrum?](https://www.scrum.org/learning-series/what-is-scrum/), scrum.org
 
 {{PreviousMenuNext("Learn_web_development/Getting_started/Soft_skills/Collaboration_and_teamwork", "Learn_web_development/Getting_started/Soft_skills/Finding_a_job", "Learn_web_development/Getting_started/Soft_skills")}}
@@ -124,7 +124,7 @@ Here are some popular editors:
           >FAQ</a
         >,
         <a
-          href="https://mail.gnu.org/mailman/listinfo/help-gnu-emacs"
+          href="https://lists.gnu.org/mailman/listinfo/help-gnu-emacs"
           rel="external"
           >Mailing list</a
         >, <a href="news://gnu.emacs.help" rel="external">News Group</a>

@@ -68,6 +68,6 @@ Here's a list of ways you can contribute to MDN Web Docs:
 ## Contributions
 
 When contributing, you agree to make your contributions available under the [Attribution-ShareAlike license](https://creativecommons.org/licenses/by-sa/4.0/) (or an alternative license already specified by the page you are editing).
-In addition, code samples are available under [Creative Commons CC-0](https://creativecommons.org/public-domain/cc0/) (a Public Domain dedication).
+In addition, code samples are available under [Creative Commons CC-0](https://wiki.creativecommons.org/wiki/CC0) (a Public Domain dedication).
 
 If you have any questions or concerns about anything discussed here, please [contact us](/en-US/docs/MDN/Community/Communication_channels).
@@ -548,7 +548,7 @@ Keep the following dos and don'ts in mind while creating headings for subsection
 
 If you include images or other media on a page, follow these guidelines:
 
-- Make sure the media license allows you to use them. Try to use media that has a very permissive license such as [CC0](https://creativecommons.org/public-domain/cc0/) or at least one that is compatible with our general content license — [Creative Commons Attribution-ShareAlike license](https://creativecommons.org/licenses/by-sa/2.5/) (CC-BY-SA).
+- Make sure the media license allows you to use them. Try to use media that has a very permissive license such as [CC0](https://wiki.creativecommons.org/wiki/CC0) or at least one that is compatible with our general content license — [Creative Commons Attribution-ShareAlike license](https://creativecommons.org/licenses/by-sa/2.5/) (CC-BY-SA).
 - For images, run them through <https://tinypng.com> or <https://imageoptim.com> to reduce the page weight.
 - For `SVG`, run the code through [SVGOMG](https://jakearchibald.github.io/svgomg/), and ensure that the `SVG` file has an empty line at the end of the file.
 - Every image must [include descriptive `alt` text](/en-US/docs/MDN/Writing_guidelines/Howto/Images_media#adding_alternative_text_to_images).

@@ -6,10 +6,10 @@ browser-compat: webextensions.api.storage.onChanged
 sidebar: addonsidebar
 ---
 
-Fires when one or more items in any of the {{WebExtAPIRef('storage.StorageArea', 'storage areas'}} changes.
+Fires when one or more items in any of the [storage areas](/en-US/docs/Mozilla/Add-ons/WebExtensions/API/storage/StorageArea) changes.
 If you only need to listen for changes in one storage area, use {{WebExtAPIRef('storage.StorageArea.onChanged')}} instead.
 
-Fired when {{WebExtAPIRef('storage.StorageArea.set','storageArea.set')}}, {{WebExtAPIRef('storage.StorageArea.remove','storageArea.remove')}}, or {{WebExtAPIRef('storage.StorageArea.clear','storageArea.clear')}} executes against any of the {{WebExtAPIRef('storage.StorageArea', 'storage areas'}}.
+Fired when {{WebExtAPIRef('storage.StorageArea.set','storageArea.set')}}, {{WebExtAPIRef('storage.StorageArea.remove','storageArea.remove')}}, or {{WebExtAPIRef('storage.StorageArea.clear','storageArea.clear')}} executes against any of the [storage areas](/en-US/docs/Mozilla/Add-ons/WebExtensions/API/storage/StorageArea).
 
 > [!NOTE]
 > In Firefox, the listener receives all the keys from a storage area where {{WebExtAPIRef('storage.StorageArea.set','storageArea.set')}} executes. The listener may be invoked when there is no change to the data. To find details of the changed items, examine each key's {{WebExtAPIRef('storage.StorageChange')}} object. See [Firefox bug 1833153](https://bugzil.la/1833153).

@@ -176,6 +176,6 @@ The JSON you use to perform the assertion, with `rpId` set to an external domain
 When your relying party server validates a WebAuthn response originating from an extension, it must accept the **extension origin** in addition to regular web origins. Parse `clientDataJSON` and check the `origin` field:
 
 - For Chrome extensions: `chrome-extension://<extension-id>`
-- For Firefox extensions: `moz-extension://<sha256-hash>` (using the `a'–`p` encoding described in [Extension origin and server-side validation](#extension_origin_and_server-side_validation)).
+- For Firefox extensions: `moz-extension://<sha256-hash>` (using the `a`–`p` encoding described in [Extension origin and server-side validation](#extension_origin_and_server-side_validation)).
 
 Your server's origin allowlist must include these values for end-to-end authentication.
@@ -43,7 +43,7 @@ window.crashReport.initialize(1024).then(() => {
   // Set a possible crash-causing value, and try
   // running an operation that may cause a crash
   window.crashReport.set("crash-arg", "00031");
-  operationThatMightCrash(00031);
+  operationThatMightCrash("00031");
   // Delete the key-value pair if it doesn't cause a crash
   window.crashReport.delete("crash-arg");
 });

@@ -71,7 +71,7 @@ async function fetchURL(url) {
 }
 ```
 
-This also prevents key-value pairs that identify the same issue occuring at different times or places from overwriting one another. In this case, we differentiate crash report data set in the top-level document versus data set in embedded documents.
+This also prevents key-value pairs that identify the same issue occurring at different times or places from overwriting one another. In this case, we differentiate crash report data set in the top-level document versus data set in embedded documents.
 
 ## Specifications
 

@@ -47,7 +47,7 @@ window.crashReport.initialize(1024).then(() => {
   // Set a possible crash-causing value, and try
   // running an operation that may cause a crash
   window.crashReport.set("crash-arg", "00031");
-  operationThatMightCrash(00031);
+  operationThatMightCrash("00031");
   // Delete the key-value pair if it doesn't cause a crash
   window.crashReport.delete("crash-arg");
 });

@@ -30,5 +30,4 @@ To do
 ## See also
 
 - {{domxref("CSSMathClamp.lower")}}
-- {{domxref("CSSMathClamp.value")}}
 - {{domxref("CSSMathClamp.upper")}}
@@ -88,7 +88,7 @@ function log(text) {
 #scroll-container {
   height: 600px;
   overflow-y: scroll;
-  border: 2px solid #ccc;
+  border: 2px solid #cccccc;
 }
 #spacer {
   height: 620px;
@@ -101,7 +101,7 @@ function log(text) {
   padding: 16px;
 }
 .img-container {
-  border: 2px solid #ccc;
+  border: 2px solid #cccccc;
   overflow: hidden;
 }
 .img-square {
@@ -118,7 +118,7 @@ function log(text) {
 .label {
   font-size: 13px;
   padding: 6px 10px;
-  background: #f5f5f5;
+  background: whitesmoke;
 }
 #resizable {
   width: 100%;
@@ -283,7 +283,7 @@ Here we show the CSS classes that set the size of the different image containers
 #scroll-container {
   height: 400px;
   overflow-y: scroll;
-  border: 2px solid #ccc;
+  border: 2px solid #cccccc;
 }
 #spacer {
   height: 600px;
@@ -296,7 +296,7 @@ Here we show the CSS classes that set the size of the different image containers
   padding: 16px;
 }
 .img-container {
-  border: 2px solid #ccc;
+  border: 2px solid #cccccc;
   overflow: hidden;
 }
 .img-square {
@@ -313,7 +313,7 @@ Here we show the CSS classes that set the size of the different image containers
 .label {
   font-size: 13px;
   padding: 6px 10px;
-  background: #f5f5f5;
+  background: whitesmoke;
 }
 ```
 
@@ -350,15 +350,15 @@ const resizableLabel = resizable.querySelector(".label strong");
 
 function setSize(px) {
   px = Math.min(700, Math.max(100, px));
-  resizable.style.width = px + "px";
-  resizableImg.sizes = px + "px"; // update sizes so browser can pick new srcset candidate
-  resizableLabel.textContent = px + "px";
+  resizable.style.width = `${px}px`;
+  resizableImg.sizes = `${px}px`; // update sizes so browser can pick new srcset candidate
+  resizableLabel.textContent = `${px}px`;
   slider.value = px;
   number.value = px;
 }
 
-slider.addEventListener("input", () => setSize(parseInt(slider.value)));
-number.addEventListener("input", () => setSize(parseInt(number.value)));
+slider.addEventListener("input", () => setSize(slider.valueAsNumber));
+number.addEventListener("input", () => setSize(number.valueAsNumber));
 
 // Logging
 const images = document.querySelectorAll(".img-square img");
@@ -501,7 +501,7 @@ break50.addEventListener(
 The page is best {{LiveSampleLink('Blog example', 'viewed in its own window')}}, so you can adjust the sizes fully, and the example is not constrained by its containing frame.
 
 1. Enable the developer tools and change the width of the page — you should see the image change (and jump in size) at the sizes media query break points: `640px` (`40em`), and `800px` (`50em`).
-2. Set the width between `50em` `(800px)` and `60em` (960px`) so that the last media query is selected.
+2. Set the width between `50em` `(800px)` and `60em` (`960px`) so that the last media query is selected.
    Then alternately press each of the buttons and note how the layout size of the image is changed.
 
 {{EmbedLiveSample("Blog example", "", 1050)}}

@@ -21,7 +21,7 @@ The **`TimeEvent`** interface, a part of [SVG SMIL](/en-US/docs/Web/SVG/Guides/S
 ## Instance methods
 
 - {{domxref("TimeEvent.initTimeEvent()")}}
-  - : Initializes the value of a {{domxref("TimeEvent")}} created using {{domxref("Document.createEvent()")}}.
+  - : Initializes the value of a `TimeEvent` created using {{domxref("Document.createEvent()")}}.
 
 ## Specifications
 

@@ -50,7 +50,7 @@ For example:
 
 ```css
 .element {
-  background-image: url(a.png), url(b.png), url(c.png);
+  background-image: url("a.png"), url("b.png"), url("c.png");
   background-position: left top;
 }
 ```

@@ -81,7 +81,7 @@ For vertical languages, we use the {{cssxref("writing-mode")}} and {{cssxref("te
 {{EmbedLiveSample("Writing system modes", "100%", "500")}}
 
 ```css hidden
-@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Mongolian&display=swap");
+@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Mongolian&display=swap";
 
 :lang(ja),
 :lang(mn-Mong) {

@@ -40,7 +40,7 @@ In this example, we define the overlay to be semi-transparent black, enabling co
 
 ```css
 :xr-overlay {
-  background-color: rgba(0 0 0 / 0.5);
+  background-color: rgb(0 0 0 / 0.5);
   color: white;
 }
 ```

@@ -80,7 +80,7 @@ The parameters are:
         ```css
         @namespace svg url("http://www.w3.org/2000/svg");
         a {
-          fill: attr(svg|myattr type(*), green);
+          fill: attr(svg|myAttr type(*), green);
         }
         ```
-Original file line number
+Diff line change
@@ Expand Up / @@ -204,6 +204,7 @@ equirect @@
     equirectangular
     ESSL
     ETSI
+    exfiltrates
     exfiltrating
     EXIF
     expando
@@ Expand Down @@