Random MDN's Avatar

Random MDN

@random-mdn

A bot that shares random articles from mdn.dev. πŸ¦– Discover and learn new things with Random MDN πŸ¦– RSS β†’ https://bsky.app/profile/did:plc:he3pf4v4t2rg6isjdn4ghtla/rss Contribute β†’ github.com/random-mdn Feedback β†’ @andreruffert.com

110
Followers
3
Following
962
Posts
01.07.2025
Joined
Posts Following

Latest posts by Random MDN @random-mdn

Preview
MathML elements This is an alphabetical list of MathML elements. All of them implement the MathMLElement class.

πŸ¦– Random MDN: MathML elements πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/MathML/Reference/Element

This is an alphabetical list of MathML elements. All of them implement the MathMLElement class.

#webdev

11.03.2026 17:25 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
flex The flex CSS shorthand property sets how a flex item will grow or shrink to fit the space available in its flex container.

πŸ¦– Random MDN: flex πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/flex

The flex CSS shorthand property sets how a flex item will grow or shrink to fit the space available in its flex container.

#webdev #CSS

11.03.2026 08:50 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
border-left-style The border-left-style CSS property sets the line style of an element's left border.

πŸ¦– Random MDN: border-left-style πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/border-left-style

The border-left-style CSS property sets the line style of an element's left border.

#webdev #CSS

11.03.2026 02:25 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
HTMLMediaElement: loadeddata event The loadeddata event is fired when the frame at the current playback position of the media has finished loading; often the first frame.

πŸ¦– Random MDN: HTMLMediaElement: loadeddata event πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/loadeddata_event

The loadeddata event is fired when the frame at the current playback position of the media has finished loading; often the first frame.

#webdev

10.03.2026 16:58 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Sensor: start() method The start() method of the Sensor interface activates one of the sensors based on Sensor.

πŸ¦– Random MDN: Sensor: start() method πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/API/Sensor/start

The start() method of the Sensor interface activates one of the sensors based on Sensor.

#webdev

10.03.2026 08:51 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Checking when a deadline is due In this article we look at a complex example involving checking the current time and date against a deadline stored via IndexedDB. The main comp…

πŸ¦– Random MDN: Checking when a deadline is due πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API/Checking_when_a_deadline_is_due

In this article we look at a complex example involving checking the current time and date against a deadline stored via IndexedDB. The main comp…

#webdev

10.03.2026 02:25 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
TaskController The TaskController interface of the Prioritized Task Scheduling API represents a controller object that can be used to both abort and change the priority of one or more prioritized tasks. If t…

πŸ¦– Random MDN: TaskController πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/API/TaskController

The TaskController interface of the Prioritized Task Scheduling API represents a controller object that can be used to both abort and change the priority of one or more prioritized tasks. If t…

#webdev

09.03.2026 16:59 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
DOMRectReadOnly: left property The left read-only property of the DOMRectReadOnly interface returns the left coordinate value of the DOMRect. (Has the same value as x, or x + width if width is negative…

πŸ¦– Random MDN: DOMRectReadOnly: left property πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/API/DOMRectReadOnly/left

The left read-only property of the DOMRectReadOnly interface returns the left coordinate value of the DOMRect. (Has the same value as x, or x + width if width is negative…

#webdev

09.03.2026 08:51 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
TransformStream: TransformStream() const… The TransformStream() constructor creates a new TransformStream object which represents a pair of streams: a WritableStream representing the writabl…

πŸ¦– Random MDN: TransformStream: TransformStream() const… πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/API/TransformStream/TransformStream

The TransformStream() constructor creates a new TransformStream object which represents a pair of streams: a WritableStream representing the writabl…

#webdev

09.03.2026 02:34 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
HTMLAnchorElement: hash property The hash property of the HTMLAnchorElement interface is a string containing a "#" followed by the fragment identifier of the <a> element's href. If the URL does not h…

πŸ¦– Random MDN: HTMLAnchorElement: hash property πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/hash

The hash property of the HTMLAnchorElement interface is a string containing a "#" followed by the fragment identifier of the <a> element's href. If the URL does not h…

#webdev

08.03.2026 16:34 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
<mroot> The <mroot> MathML element is used to display roots with an explicit index. Two arguments are accepted, which leads to the syntax: <mroot> base index </mroot>.

πŸ¦– Random MDN: <mroot> πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/MathML/Reference/Element/mroot

The <mroot> MathML element is used to display roots with an explicit index. Two arguments are accepted, which leads to the syntax: <mroot> base index </mroot>.

#webdev

08.03.2026 08:36 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
SVGFEDiffuseLightingElement: kernelUnitL… The kernelUnitLengthY read-only property of the SVGFEDiffuseLightingElement interface reflects the Y component of the kernelUnitLength…

πŸ¦– Random MDN: SVGFEDiffuseLightingElement: kernelUnitL… πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/API/SVGFEDiffuseLightingElement/kernelUnitLengthY

The kernelUnitLengthY read-only property of the SVGFEDiffuseLightingElement interface reflects the Y component of the kernelUnitLength…

#webdev

08.03.2026 02:32 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
SVGRadialGradientElement: fr property The fr read-only property of the SVGRadialGradientElement interface describes the radius of the focal circle of the radial gradient as an SVGAnimatedLength.…

πŸ¦– Random MDN: SVGRadialGradientElement: fr property πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/API/SVGRadialGradientElement/fr

The fr read-only property of the SVGRadialGradientElement interface describes the radius of the focal circle of the radial gradient as an SVGAnimatedLength.…

#webdev

07.03.2026 16:33 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Proving the Pythagorean theorem This page outlines the proof of the Pythagorean theorem. Three equations are organized in the <mtable> element to align the steps of the proof by th…

πŸ¦– Random MDN: Proving the Pythagorean theorem πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/MathML/Guides/Proving_the_Pythagorean_theorem

This page outlines the proof of the Pythagorean theorem. Three equations are organized in the <mtable> element to align the steps of the proof by th…

#webdev

07.03.2026 08:36 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Stacking context example 2 This is a basic example, but it is the key for understanding the concept of stacking context. There are the same four DIVs of the previous…

πŸ¦– Random MDN: Stacking context example 2 πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Positioned_layout/Stacking_context/Example_2

This is a basic example, but it is the key for understanding the concept of stacking context. There are the same four DIVs of the previous…

#webdev #CSS

06.03.2026 16:49 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
MediaTrackSupportedConstraints: sampleSi… The MediaTrackSupportedConstraints dictionary's sampleSize property is a read-only Boolean value which is present (and set to true) in the…

πŸ¦– Random MDN: MediaTrackSupportedConstraints: sampleSi… πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackSupportedConstraints/sampleSize

The MediaTrackSupportedConstraints dictionary's sampleSize property is a read-only Boolean value which is present (and set to true) in the…

#webdev

06.03.2026 08:43 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
FileList: item() method The item() method of the FileList interface returns a File object representing the file at the specified index in the file list.

πŸ¦– Random MDN: FileList: item() method πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/API/FileList/item

The item() method of the FileList interface returns a File object representing the file at the specified index in the file list.

#webdev

06.03.2026 02:27 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
OfflineAudioContext: resume() method The resume() method of the OfflineAudioContext interface resumes the progression of time in an audio context that has been suspended. The promise resolves imm…

πŸ¦– Random MDN: OfflineAudioContext: resume() method πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/API/OfflineAudioContext/resume

The resume() method of the OfflineAudioContext interface resumes the progression of time in an audio context that has been suspended. The promise resolves imm…

#webdev

05.03.2026 18:08 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
TypedArray.prototype.every() The every() method of TypedArray instances returns false if it finds an element in the array that does not satisfy the provided test…

πŸ¦– Random MDN: TypedArray.prototype.every() πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/every

The every() method of TypedArray instances returns false if it finds an element in the array that does not satisfy the provided test…

#webdev #JavaScript

05.03.2026 08:51 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
TextEncoder: encoding property The TextEncoder.encoding read-only property returns a string containing the name of the encoding algorithm used by the specific encoder.

πŸ¦– Random MDN: TextEncoder: encoding property πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/API/TextEncoder/encoding

The TextEncoder.encoding read-only property returns a string containing the name of the encoding algorithm used by the specific encoder.

#webdev

05.03.2026 02:29 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Permissions-Policy: gyroscope directive The HTTP Permissions-Policy header gyroscope directive controls whether the current document is allowed to gather information ab…

πŸ¦– Random MDN: Permissions-Policy: gyroscope directive πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Headers/Permissions-Policy/gyroscope

The HTTP Permissions-Policy header gyroscope directive controls whether the current document is allowed to gather information ab…

#webdev #HTTP

04.03.2026 16:53 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
HTMLDialogElement: open property The open property of the HTMLDialogElement interface is a boolean value reflecting the open HTML attribute, indicating whether the <dialog> is available for interacti…

πŸ¦– Random MDN: HTMLDialogElement: open property πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/open

The open property of the HTMLDialogElement interface is a boolean value reflecting the open HTML attribute, indicating whether the <dialog> is available for interacti…

#webdev

04.03.2026 08:45 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
CanvasRenderingContext2D: resetTransform… The CanvasRenderingContext2D.resetTransform() method of the Canvas 2D API resets the current transform to the identity matrix.

πŸ¦– Random MDN: CanvasRenderingContext2D: resetTransform… πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/resetTransform

The CanvasRenderingContext2D.resetTransform() method of the Canvas 2D API resets the current transform to the identity matrix.

#webdev

04.03.2026 02:26 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
AnimationEvent: elapsedTime property The AnimationEvent.elapsedTime read-only property is a float giving the amount of time the animation has been running, in seconds, when this event fired, excl…

πŸ¦– Random MDN: AnimationEvent: elapsedTime property πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/API/AnimationEvent/elapsedTime

The AnimationEvent.elapsedTime read-only property is a float giving the amount of time the animation has been running, in seconds, when this event fired, excl…

#webdev

03.03.2026 16:55 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Using CSS math functions CSS math functions allow a property value - such as the height, animation-duration, or font-size of an element - to be written as a mathematical ex…

πŸ¦– Random MDN: Using CSS math functions πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Values_and_units/Using_math_functions

CSS math functions allow a property value - such as the height, animation-duration, or font-size of an element - to be written as a mathematical ex…

#webdev #CSS

03.03.2026 08:49 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
VideoDecoder The VideoDecoder interface of the WebCodecs API decodes chunks of video.

πŸ¦– Random MDN: VideoDecoder πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/API/VideoDecoder

The VideoDecoder interface of the WebCodecs API decodes chunks of video.

#webdev

03.03.2026 02:33 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
OES_vertex_array_object: isVertexArrayOE… The OES_vertex_array_object.isVertexArrayOES() method of the WebGL API returns true if the passed object is a WebGLVertexArrayObject object…

πŸ¦– Random MDN: OES_vertex_array_object: isVertexArrayOE… πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/API/OES_vertex_array_object/isVertexArrayOES

The OES_vertex_array_object.isVertexArrayOES() method of the WebGL API returns true if the passed object is a WebGLVertexArrayObject object…

#webdev

02.03.2026 16:55 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
User-Agent reduction User-Agent reduction is a broadly accepted browser initiative to reduce the amount of privacy-sensitive information provided in user agent (UA) strings.

πŸ¦– Random MDN: User-Agent reduction πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/User-agent_reduction

User-Agent reduction is a broadly accepted browser initiative to reduce the amount of privacy-sensitive information provided in user agent (UA) strings.

#webdev #HTTP

02.03.2026 08:52 πŸ‘ 2 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0
Preview
Document: scrollsnapchanging event The scrollsnapchanging event of the Document interface is fired on the scroll container when the browser determines a new scroll snap target is pending, …

πŸ¦– Random MDN: Document: scrollsnapchanging event πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/API/Document/scrollsnapchanging_event

The scrollsnapchanging event of the Document interface is fired on the scroll container when the browser determines a new scroll snap target is pending, …

#webdev

02.03.2026 02:31 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
url() The url() CSS function is used to include a file. The parameter is an absolute URL, a relative URL, a blob URL, or a data URL. The url() function can be passed as a parameter of ano…

πŸ¦– Random MDN: url() πŸ¦–

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/url_function

The url() CSS function is used to include a file. The parameter is an absolute URL, a relative URL, a blob URL, or a data URL. The url() function can be passed as a parameter of ano…

#webdev #CSS

01.03.2026 16:33 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0