mdn · teoli2003 · Apr 27, 2022 · Apr 27, 2022 · Apr 27, 2022
@@ -92,7 +92,7 @@ This pixel area ratio calculates for relative size, but distance also matters.
 
 Distance matters because it affects the total field of vision. When viewers wear ocular masks for gaming, the field of vision is likely enveloped in its entirety by the screen. [WebVR](https://webvr.info/) is an open specification that makes it possible to experience VR in your browser, which can be experienced on phone, computer or headset. The concern about flashing images in an ocular mask is a growing one, since the mask is so close to the eyes.
 
-[The Epilepsy Society (UK)](https://epilepsysociety.org.uk/), in their article, ["3d Films and Virtual Reality"](https://epilepsysociety.org.uk//3d-films-and-virtual-reality#.XQlC5ohKiUk), noted: _"With VR the images flash very quickly and generally this is too quickly to trigger a seizure in people with photosensitive epilepsy. However, the field of view is large and so more of the eye is stimulated. This means that more of the brain may be affected and this may trigger a photosensitive seizure."_
+[The Epilepsy Society (UK)](https://epilepsysociety.org.uk/), in their article, ["3d Films and Virtual Reality"](https://epilepsysociety.org.uk/3d-films-and-virtual-reality#.XQlC5ohKiUk), noted: _"With VR the images flash very quickly and generally this is too quickly to trigger a seizure in people with photosensitive epilepsy. However, the field of view is large and so more of the eye is stimulated. This means that more of the brain may be affected and this may trigger a photosensitive seizure."_
 
 (Note that some users will not be able to see with blinking cursors, and may get migraines, motion sickness, and disorientation, although blinking cursors occupy a much smaller area of the screen.)
 

@@ -25,7 +25,7 @@ localStorage['colorSetting'] = '#a4509b';
 localStorage.setItem('colorSetting', '#a4509b');
 ```
 
-> **Note:** It's recommended to use the Web Storage API (`setItem`, `getItem`, `removeItem`, `key`, `length`) to prevent the [pitfalls](https://www.2ality.com/2012/01/objects-as-maps.html) associated with using plain objects as key-value stores.
+> **Note:** It's recommended to use the Web Storage API (`setItem`, `getItem`, `removeItem`, `key`, `length`) to prevent the [pitfalls](https://2ality.com/2012/01/objects-as-maps.html) associated with using plain objects as key-value stores.
 
 The two mechanisms within Web Storage are as follows:
 

@@ -109,7 +109,7 @@ It clones by recursing through the input object while maintaining a map of previ
 
 ## See also
 
-- [HTML Specification: Safe passing of structured data](https://www.w3.org/TR/html5/infrastructure.html#safe-passing-of-structured-data)
+- [HTML Specification: Safe passing of structured data](https://html.spec.whatwg.org/multipage/infrastructure.html#safe-passing-of-structured-data)
 - {{Glossary("Transferable objects")}}
 - {{domxref("structuredClone()")}}
 - {{domxref("window.history")}}

@@ -155,7 +155,7 @@ Below, you'll find an assortment of guides to help you learn WebGL concepts and
 
 - [three.js](https://threejs.org/) is an open-source, fully featured 3D WebGL library.
 - [Babylon.js](https://www.babylonjs.com) is a powerful, simple, and open game and 3D rendering engine packed into a friendly JavaScript framework.
-- [Pixi.js](https://www.pixijs.com/) is a fast, open-source 2D WebGL renderer.
+- [Pixi.js](https://pixijs.com/) is a fast, open-source 2D WebGL renderer.
 - [Phaser](https://phaser.io/) is a fast, free and fun open source framework for Canvas and WebGL powered browser games.
 - [PlayCanvas](https://playcanvas.com/) is an open-source game engine.
 - [glMatrix](https://github.com/toji/gl-matrix) is a JavaScript matrix and vector library for high-performance WebGL apps.

@@ -44,7 +44,7 @@ The **WebSocket API** is an advanced technology that makes it possible to open a
 - [Socket.IO](https://socket.io): A long polling/WebSocket based third party transfer protocol for [Node.js](https://nodejs.org).
 - [SocketCluster](https://socketcluster.io/): A pub/sub WebSocket framework for [Node.js](https://nodejs.org) with a focus on scalability.
 - [WebSocket-Node](https://github.com/theturtle32/WebSocket-Node): A WebSocket server API implementation for [Node.js](https://nodejs.org).
-- [Total.js](https://www.totaljs.com): Web application framework for [Node.js](https://www.nodejs.org) (Example: [WebSocket chat](https://github.com/totaljs/examples/tree/master/websocket))
+- [Total.js](https://www.totaljs.com): Web application framework for [Node.js](https://nodejs.org/en/) (Example: [WebSocket chat](https://github.com/totaljs/examples/tree/master/websocket))
 - [Faye](https://www.npmjs.com/package/faye-websocket): A {{DOMxRef("WebSocket")}} (two-ways connections) and [EventSource](/en-US/docs/Web/API/EventSource) (one-way connections) for [Node.js](https://nodejs.org) Server and Client.
 - [SignalR](https://signalr.net/): SignalR will use WebSockets under the covers when it's available, and gracefully fallback to other techniques and technologies when it isn't, while your application code stays the same.
 - [Caddy](https://caddyserver.com/): A web server capable of proxying arbitrary commands (stdin/stdout) as a websocket.
@@ -76,5 +76,5 @@ The **WebSocket API** is an advanced technology that makes it possible to open a
 ## See also
 
 - [RFC 6455 — The WebSocket Protocol](https://datatracker.ietf.org/doc/html/rfc6455)
-- [WebSocket API Specification](https://www.w3.org/TR/websockets/)
+- [WebSocket API Specification](https://websockets.spec.whatwg.org//)
 - [Server-Sent Events](/en-US/docs/Web/API/Server-sent_events)
@@ -168,7 +168,7 @@ The specifics of how lighting estimation works, especially in the context of the
 
 There are a number of potential security issues involved with collecting all of this data in order to generate and apply lighting to your virtual objects using real-world data.
 
-Of course, many AR applications make it pretty clear where the user is located. If the user is running an app called _Touring the Louvre_, there's a very good chance the user is located in the [Musée du Louvre](https://louvre.fr/) in Paris, France. But browsers are required to take a number of steps to make it difficult to physically locate the user without their consent.
+Of course, many AR applications make it pretty clear where the user is located. If the user is running an app called _Touring the Louvre_, there's a very good chance the user is located in the [Musée du Louvre](https://www.louvre.fr/en) in Paris, France. But browsers are required to take a number of steps to make it difficult to physically locate the user without their consent.
 
 ### Ambient Light Sensor API
 

@@ -105,20 +105,20 @@ string. For example:
   leave - data you have entered may not be saved." (see {{bug("588292")}}).
 - Chrome displays the string, "Do you want to leave this site? Changes you made may
   not be saved." (see [Chrome Platform
-  Status](https://www.chromestatus.com/feature/5349061406228480)).
+  Status](https://chromestatus.com/feature/5349061406228480)).
 
 Internet Explorer does not respect the `null` return value and will display
 this to users as "null" text. You have to use `undefined` to skip the prompt.
 
 In some browsers, calls to {{domxref("window.alert()")}},
 {{domxref("window.confirm()")}}, and {{domxref("window.prompt()")}} may be ignored
-during this event. See the [HTML specification](https://www.w3.org/TR/html5/webappapis.html#user-prompts)
+during this event. See the [HTML specification](https://html.spec.whatwg.org/multipage/webappapis.html#user-prompts)
 for more details.
 
 Note also, that various browsers ignore the result of the event and do not ask the user
 for confirmation at all. In such cases, the document will always be unloaded
 automatically. Firefox has a switch named `dom.disable_beforeunload` in
-_about:config_ to enable this behavior. As of Chrome 60, the confirmation [will be skipped](https://www.chromestatus.com/feature/5082396709879808) if
+_about:config_ to enable this behavior. As of Chrome 60, the confirmation [will be skipped](https://chromestatus.com/feature/5082396709879808) if
 the user has not performed a gesture in the frame or page since it was loaded. Pressing
 F5 in the page seems to count as user interaction, whereas mouse-clicking the refresh
 arrow or pressing F5 with Chrome DevTools focused does not count as user interaction (as

@@ -269,7 +269,7 @@ function openRequestedSinglePopup(url) {
 
   - : You cannot reliably because the users can prevent the window from being resized by
     setting `dom.disable_window_move_resize` to `true` in
-    `about:config` or by editing accordingly their [user.js file](https://www.mozilla.org/support/firefox/edit#user).
+    `about:config` or by editing accordingly their [user.js file](http://kb.mozillazine.org/User.js_file).
 
     In general, users usually disable moving and resizing of existing windows because
     allowing authors' scripts to do so has been abused overwhelmingly in the past and the
@@ -370,7 +370,7 @@ recommendable usability and accessibility guidelines:
 - [Top Ten Web-Design Mistakes of
   2002](https://www.useit.com/alertbox/20021223.html), 6. JavaScript in Links, Jakob Nielsen, December 2002
 - [Links
-  & JavaScript Living Together in Harmony](https://www.evolt.org/article/Links_and_JavaScript_Living_Together_in_Harmony/17/20938/), Jeff Howden, February 2002
+  & JavaScript Living Together in Harmony](https://evolt.org/article/Links_and_JavaScript_Living_Together_in_Harmony/17/20938/), Jeff Howden, February 2002
 - [comp.lang.javascript newsgroup
   discussion FAQ on "javascript:" links](https://jibbering.com/faq/#FAQ4_24)
 
@@ -492,7 +492,7 @@ authors:
 - web author is not aware of default margin (and/or border and/or padding) values
   applying to root element or body node in various browsers and various browser versions
 - user uses an user stylesheet ([userContent.css in
-  Mozilla-based browsers](https://www.mozilla.org/support/firefox/edit#content)) for his viewing habits that increases document box
+  Mozilla-based browsers](https://kb.mozillazine.org/index.php?title=UserContent.css)) for his viewing habits that increases document box
   dimensions (margin, padding, default font size)
 - user can customize individually the size (height or width) of most toolbars via
   operating system settings. E.g. window resizing borders, height of browser titlebar,

@@ -128,7 +128,7 @@ Edge versions below 17 and Internet Explorer do not reliably fire
 - [mozRequestAnimationFrame](http://weblogs.mozillazine.org/roc/archives/2010/08/mozrequestanima.html)
   \- Blog post
 - [requestAnimationFrame
-  for smart animating](https://paulirish.com/2011/requestanimationframe-for-smart-animating/) - Blog post
+  for smart animating](https://www.paulirish.com/2011/requestanimationframe-for-smart-animating/) - Blog post
 - [Animating
   with JavaScript: from setInterval to requestAnimationFrame](https://hacks.mozilla.org/2011/08/animating-with-javascript-from-setinterval-to-requestanimationframe/) - Blog post
 - [TestUFO: Test your web

@@ -52,7 +52,7 @@ the immediate actions, just like {{DOMxRef("clearTimeout")}} for
 
 This method can be used instead of the `setTimeout(fn, 0)` method to execute
 [heavy
-operations](https://www.nczonline.net/blog/2009/08/11/timed-array-processing-in-javascript/).
+operations](https://humanwhocodes.com/blog/2009/08/11/timed-array-processing-in-javascript/).
 
 The feature can be emulated in a few different ways:
 

@@ -4,7 +4,7 @@ slug: Web/API/XSLTProcessor/Resources
 ---
 ## Resources
 
-- [What kind of language is XSLT?](https://developer.ibm.com/technologies/web-development/) at [IBM developerWorks](https://www-106.ibm.com/developerworks/)
+- [What kind of language is XSLT?](https://developer.ibm.com/technologies/web-development/) at [IBM developer](https://developer.ibm.com/)
 - [XSLT Tutorial](https://www.zvon.org/xxl/XSLTutorial/Books/Book1/index.html) at [zvon.org](https://www.zvon.org/)
 - [XPath Tutorial](https://www.zvon.org/xxl/XPathTutorial/General/examples.html) at [zvon.org](https://www.zvon.org/)
 - [Using the Mozilla JavaScript interface to do XSL Transformations](/en-US/docs/Web/XSLT/Using_the_Mozilla_JavaScript_interface_to_XSL_Transformations) at [mozilla.org](https://www.mozilla.org/)

@@ -66,5 +66,5 @@ Not part of any standard. The standard way to do reflection in CSS is to use the
 ## See also
 
 - The Apple [documentation](https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html).
-- The Webkit [specification](https://www.webkit.org/blog/182/css-reflections/).
+- The Webkit [specification](https://webkit.org/blog/182/css-reflections/).
 - Lea Verou's article on reflection using [CSS features on the standard track](https://lea.verou.me/2011/06/css-reflections-for-firefox-with-moz-element-and-svg-masks/).
@@ -74,7 +74,7 @@ p {
 
 ## See also
 
-- [Surfin' Safari blog post announcing this feature](https://www.webkit.org/blog/85/introducing-text-stroke/)
+- [Surfin' Safari blog post announcing this feature](https://webkit.org/blog/85/introducing-text-stroke/)
 - [CSS-Tricks article explaining this feature](https://css-tricks.com/adding-stroke-to-web-text/)
 - {{cssxref("-webkit-text-stroke-color")}}
 - {{cssxref("-webkit-text-stroke-width")}}

@@ -84,7 +84,7 @@ colorPicker.addEventListener("change", function(evt) {
 
 ## See also
 
-- [Surfin' Safari blog post announcing this feature](https://www.webkit.org/blog/85/introducing-text-stroke/)
+- [Surfin' Safari blog post announcing this feature](https://webkit.org/blog/85/introducing-text-stroke/)
 - [CSS-Tricks article explaining this feature](https://css-tricks.com/adding-stroke-to-web-text/)
 - {{cssxref("-webkit-text-fill-color")}}
 - {{cssxref("-webkit-text-stroke-width")}}

@@ -95,7 +95,7 @@ p {
 
 ## See also
 
-- [Surfin' Safari blog post announcing this feature](https://www.webkit.org/blog/85/introducing-text-stroke/)
+- [Surfin' Safari blog post announcing this feature](https://webkit.org/blog/85/introducing-text-stroke/)
 - [CSS-Tricks article explaining this feature](https://css-tricks.com/adding-stroke-to-web-text/)
 - {{cssxref("-webkit-text-stroke-color")}}
 - {{cssxref("-webkit-text-stroke")}}

@@ -86,7 +86,7 @@ This property is a shorthand for the following CSS properties:
 
 ## See also
 
-- [Surfin' Safari blog post announcing this feature](https://www.webkit.org/blog/85/introducing-text-stroke/)
+- [Surfin' Safari blog post announcing this feature](https://webkit.org/blog/85/introducing-text-stroke/)
 - [CSS-Tricks article explaining this feature](https://css-tricks.com/adding-stroke-to-web-text/)
 - {{cssxref("-webkit-text-stroke-width")}}
 - {{cssxref("-webkit-text-stroke-color")}}

@@ -74,7 +74,7 @@ Assistive technology such as screen readers cannot parse interactive content tha
 
 The text that provides the interactive control's accessible name can be hidden using [a combination of properties](https://gomakethings.com/hidden-content-for-better-a11y/#hiding-the-link) that remove it visually from the screen but keep it parsable by assistive technology. This is commonly used for buttons that rely solely on an icon to convey purpose.
 
-- [What is an accessible name? | The Paciello Group](https://developer.paciellogroup.com/blog/2017/04/what-is-an-accessible-name/)
+- [What is an accessible name? | The Paciello Group](https://www.tpgi.com/what-is-an-accessible-name/)
 - [Hidden content for better a11y | Go Make Things](https://gomakethings.com/hidden-content-for-better-a11y/)
 - [MDN Understanding WCAG, Guideline 2.4 explanations](/en-US/docs/Web/Accessibility/Understanding_WCAG/Operable#guideline_2.4_%e2%80%94_navigable_provide_ways_to_help_users_navigate_find_content_and_determine_where_they_are)
 - [Understanding Success Criterion 2.4.4 | W3C Understanding WCAG 2.0](https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-refs.html)

@@ -65,7 +65,7 @@ Make sure the visual focus indicator can be seen by people with low vision.  Thi
 
 Never just remove the focus outline (visible focus indicator) without replacing it with a focus outline that will pass [WCAG 2.1 SC 1.4.11 Non-Text Contrast](https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html).
 
-- Quick Tip: [Never remove CSS outlines](https://a11yproject.com/posts/never-remove-css-outlines/)
+- Quick Tip: [Never remove CSS outlines](https://www.a11yproject.com/posts/never-remove-css-outlines/)
 
 ## Specifications
 

@@ -21,7 +21,7 @@ In addition to broad feature sets like ligatures or lining figures (numerals tha
 
 ## Discovering availability of features in fonts
 
-This is sometimes the trickiest thing to work out if you don't have any documentation that came with the fonts (many type designers and foundries will provide sample pages and CSS just for this very reason). But there are some sites that make it easier to figure out. You can visit [wakamaifondue.com](https://wakamaifondue.com), drop your font file on the circle where instructed, and in a few moments you'll have a full report on all the capabilities and features of your font. [Axis-praxis.org](https://axis-praxis.org) also offers a similar capability, with the ability to click on the features to turn them on or off in a given text block.
+This is sometimes the trickiest thing to work out if you don't have any documentation that came with the fonts (many type designers and foundries will provide sample pages and CSS just for this very reason). But there are some sites that make it easier to figure out. You can visit [wakamaifondue.com](https://wakamaifondue.com), drop your font file on the circle where instructed, and in a few moments you'll have a full report on all the capabilities and features of your font. [Axis-praxis.org](https://www.axis-praxis.org/) also offers a similar capability, with the ability to click on the features to turn them on or off in a given text block.
 
 ## Why you would use them?
 
@@ -191,7 +191,7 @@ For example, small caps can be set several ways, but if you want to ensure that
 ### Web font analysis tools
 
 - [Wakamai Fondue](https://wakamaifondue.com)
-- [Axis Praxis](https://axis-praxis.org)
+- [Axis Praxis](https://www.axis-praxis.org/)
 
 ### W3C Specifications:
 

@@ -279,7 +279,7 @@ Current implementations in most browsers will remove from the [accessibility tre
 
 Changing the `display` value of a {{HTMLElement("table")}} element to `block`, `grid`, or `flex` will alter its representation in the [accessibility tree](/en-US/docs/Learn/Accessibility/What_is_accessibility#accessibility_apis). This will cause the table to no longer be announced properly by screen reading technology.
 
-- [Short note on what CSS display properties do to table semantics — The Paciello Group](https://developer.paciellogroup.com/blog/2018/03/short-note-on-what-css-display-properties-do-to-table-semantics/)
+- [Short note on what CSS display properties do to table semantics — The Paciello Group](https://www.tpgi.com/short-note-on-what-css-display-properties-do-to-table-semantics/)
 - [Hidden content for better a11y | Go Make Things](https://gomakethings.com/hidden-content-for-better-a11y/)
 - [MDN Understanding WCAG, Guideline 1.3 explanations](/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable#guideline_1.3_%e2%80%94_create_content_that_can_be_presented_in_different_ways)
 - [Understanding Success Criterion 1.3.1 | W3C Understanding WCAG 2.0](https://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation-programmatic.html)