Showing content from https://web-platform-dx.github.io/web-features-explorer/newly-available.xml below:
Baseline Newly Available Features Features of the web platform which became Baseline Newly Available. 2025-05-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/ WebDX Community Group dialog.requestClose() 2025-05-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/requestclose <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/requestclose">dialog.requestClose()</a></h1> <p>The <code>requestClose()</code> method of a <code><dialog></code> HTML element closes the dialog, firing a <code>cancel</code> event first, which listeners can use to prevent the dialog from closing. This differs from the <code>close()</code> method, which only fires the non-cancelable <code>close</code> event.</p> print-color-adjust 2025-05-01T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/print-color-adjust <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/print-color-adjust">print-color-adjust</a></h1> <p>The <code>print-color-adjust</code> CSS property sets whether styles of printed pages should be adjusted to use less ink, in cases such as light text on a dark background.</p> RegExp.escape() 2025-05-01T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/regexp-escape <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/regexp-escape">RegExp.escape()</a></h1> <p>The <code>RegExp.escape()</code> static method takes a string and replaces any characters that are potentially special characters of a regular expression with equivalent escape sequences. For example, <code>RegExp.escape("[abc]")</code> returns <code>"\\[abc\\]"</code>.</p> JSON import attributes 2025-04-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/json-modules <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/json-modules">JSON import attributes</a></h1> <p>Module <code>import ⦠with { type: "json" }</code> statements load JSON data. Also known as JSON module scripts.</p> Float16Array 2025-04-04T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/float16array <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/float16array">Float16Array</a></h1> <p>Float16Array is a typed array of 16-bit floating point numbers.</p> Single color stop gradients 2025-04-04T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/single-color-gradients <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/single-color-gradients">Single color stop gradients</a></h1> <p>A single color stop can be provided to the <code>linear-gradient()</code>, <code>radial-gradient()</code>, and <code>conic-gradient()</code> CSS functions, and their repeating counterparts, to create a solid color background.</p> Atomics.pause() 2025-04-01T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/atomics-pause <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/atomics-pause">Atomics.pause()</a></h1> <p>The <code>Atomics.pause()</code> static method gives a hint to the CPU that the code calling the method is in a short-duration wait for shared memory, known as spinning or a spinlock.</p> ClipboardItem.supports() 2025-03-31T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/clipboard-supports <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/clipboard-supports">ClipboardItem.supports()</a></h1> <p>The <code>ClipboardItem.supports()</code> static method checks if the browser supports writing data types such as "image/svg+xml" or other custom formats to the system clipboard.</p> Iterator methods 2025-03-31T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/iterator-methods <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/iterator-methods">Iterator methods</a></h1> <p>The <code>Iterator</code> object is an abstract base for objects that implement the iterator protocol. It provides methods common to built-in iterators, such as <code>filter()</code>, <code>find()</code>, <code>map()</code>, and <code>reduce()</code>. You can also use the static method <code>Iterator.from()</code> to convert an existing iterable into an <code>Iterator</code>.</p> Screen wake lock 2025-03-31T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/screen-wake-lock <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/screen-wake-lock">Screen wake lock</a></h1> <p>The <code>navigator.wakeLock.request("screen")</code> API prevents the device's screen from dimming or being turned off.</p> contenteditable="plaintext-only" 2025-03-04T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/contenteditable-plaintextonly <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/contenteditable-plaintextonly">contenteditable="plaintext-only"</a></h1> <p>The <code>contenteditable="plaintext-only"</code> global HTML attribute allows the user to edit the content of an element, but prevents rich-text formatting.</p> Intl.DurationFormat 2025-03-04T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/intl-duration-format <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/intl-duration-format">Intl.DurationFormat</a></h1> <p>The <code>Intl.DurationFormat</code> API creates a locale-aware formatter that turns an object representing a duration (such as days, hours, and minutes) into a string.</p> Popover 2025-01-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/popover <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/popover">Popover</a></h1> <p>The <code>popover</code> HTML attribute creates an overlay to display content on top of other page content. Popovers can be shown declaratively using HTML, or using the <code>showPopover()</code> method.</p> Promise.try() 2025-01-07T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/promise-try <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/promise-try">Promise.try()</a></h1> <p>The <code>Promise.try()</code> static method returns a promise that takes a callback of any kind (returns or throws, synchronously or asynchronously) and wraps its result in a <code>Promise</code>.</p> Page setup 2024-12-11T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/page-setup <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/page-setup">Page setup</a></h1> <p>The <code>@page</code> CSS at-rule sets the page-specific dimensions and margins for content such as printed documents, ebooks, or slides.</p> ruby-align 2024-12-11T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/ruby-align <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/ruby-align">ruby-align</a></h1> <p>The <code>ruby-align</code> CSS property sets the spacing and alignment of ruby annotation text when it does not fill its available space.</p> ruby-position 2024-12-11T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/ruby-position <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/ruby-position">ruby-position</a></h1> <p>The <code>ruby-position</code> CSS property sets the position of a ruby annotation in relation to its base text. Annotations can display over, under, or interleaved with the base text.</p> scrollbar-gutter 2024-12-11T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/scrollbar-gutter <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/scrollbar-gutter">scrollbar-gutter</a></h1> <p>The <code>scrollbar-gutter</code> CSS property reserves space for the scrollbar, preventing unwanted layout changes as the scrollbar appears and disappears.</p> scrollbar-width 2024-12-11T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/scrollbar-width <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/scrollbar-width">scrollbar-width</a></h1> <p>The <code>scrollbar-width</code> CSS property sets the width of the scrollbar.</p> ::target-text 2024-12-11T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/target-text <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/target-text">::target-text</a></h1> <p>The <code>::target-text</code> pseudo-element allows you to style text highlighted by a URL text fragment such as <code>#:~:text=snippet</code>.</p> Garbage collection (WebAssembly) 2024-12-11T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/wasm-garbage-collection <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/wasm-garbage-collection">Garbage collection (WebAssembly)</a></h1> <p>Garbage collection tracks references for better memory management with garbage-collected languages running in WebAssmbly.</p> Tail call optimization (WebAssembly) 2024-12-11T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/wasm-tail-call-optimization <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/wasm-tail-call-optimization">Tail call optimization (WebAssembly)</a></h1> <p>Tail call optimization discards a caller frame and replaces the call with a jump instruction.</p> Fetch priority 2024-10-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/fetch-priority <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/fetch-priority">Fetch priority</a></h1> <p>The <code>fetch()</code> <code>priority</code> option and the <code>fetchpriority</code> HTML attribute give hints to the browser about which requests to do before other requests of the same type.</p> requestVideoFrameCallback() 2024-10-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/request-video-frame-callback <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/request-video-frame-callback">requestVideoFrameCallback()</a></h1> <p>The <code>requestVideoFrameCallback()</code> method for <code><video></code> schedules a function that runs with the next video frame. It is similar to <code>requestAnimationFrame()</code>, but for video.</p> Color management for WebGL 2024-10-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/webgl-color-management <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/webgl-color-management">Color management for WebGL</a></h1> <p>The <code>drawingBufferColorSpace</code> and <code>unpackColorSpace</code> properties of <code>WebGLRenderingContext</code> sets the color representation for the buffer and imported textures, such as <code>"srgb"</code> or <code>"display-p3"</code>.</p> Color management for WebGL2 2024-10-29T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/webgl2-color-management <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/webgl2-color-management">Color management for WebGL2</a></h1> <p>The <code>drawingBufferColorSpace</code> and <code>unpackColorSpace</code> properties of <code>WebGL2RenderingContext</code> sets the color representation for the buffer and imported textures, such as <code>"srgb"</code> or <code>"display-p3"</code>.</p> text-wrap-mode 2024-10-17T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/text-wrap-mode <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/text-wrap-mode">text-wrap-mode</a></h1> <p>The <code>text-wrap-mode</code> CSS property sets whether lines may wrap with the values <code>wrap</code> and <code>nowrap</code>. It is a longhand property for both <code>white-space</code> and <code>text-wrap</code>.</p> text-wrap: stable 2024-10-17T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/text-wrap-stable <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/text-wrap-stable">text-wrap: stable</a></h1> <p>The <code>text-wrap: stable</code> CSS declaration wraps text using the default algorithm, but does not change wrapping on earlier lines while the text is being edited.</p> Scroll to text fragment 2024-10-01T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/scroll-to-text-fragment <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/scroll-to-text-fragment">Scroll to text fragment</a></h1> <p>Text fragments are URL fragments on the form <code>#:~:text=snippet</code> and link to a snippet of text within a page. The browser may scroll, highlight, or otherwise bring that text to the reader's attention.</p> backdrop-filter 2024-09-16T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/backdrop-filter <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/backdrop-filter">backdrop-filter</a></h1> <p>The <code>backdrop-filter</code> CSS property applies graphical effects such as blurring or color shifting to the area behind an element.</p> willReadFrequently 2024-09-16T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/canvas-2d-willreadfrequently <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/canvas-2d-willreadfrequently">willReadFrequently</a></h1> <p>The optional <code>willReadFrequently</code> parameter of a canvas's <code>getContext()</code> method permits the browser to optimize for frequent <code>getImageData()</code> calls by avoiding hardware acceleration. Also known as multiple readback.</p> cookieEnabled 2024-09-16T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/cookie-enabled <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/cookie-enabled">cookieEnabled</a></h1> <p>The <code>navigator.cookieEnabled</code> property is a boolean for whether the browser accepts or ignores attempts to write cookie data.</p> getHTML() 2024-09-16T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/gethtml <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/gethtml">getHTML()</a></h1> <p>The <code>getHTML()</code> method of <code>Element</code> and <code>ShadowRoot</code> objects serializes an element's DOM to an HTML string.</p> HTTP/3 2024-09-16T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/http3 <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/http3">HTTP/3</a></h1> <p>HTTP/3 is a major revision of the HTTP network protocol, providing improved performance and efficiency by using QUIC as the underlying transport protocol.</p> Relative colors 2024-09-16T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/relative-color <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/relative-color">Relative colors</a></h1> <p>The <code>from</code> keyword for color functions (<code>color()</code>, <code>hsl()</code>, <code>oklch()</code>, etc.) creates a new color based on a given color by modifying the values of the input color. Also known as relative color syntax (RCS).</p> Typed function references (WebAssembly) 2024-09-16T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/wasm-typed-fun-refs <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/wasm-typed-fun-refs">Typed function references (WebAssembly)</a></h1> <p>A typed function reference can be called directly.</p> Mutually exclusive <details> elements 2024-09-03T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/details-name <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/details-name">Mutually exclusive <details> elements</a></h1> <p>Multiple <code><details></code> elements which use the same <code>name</code> attribute are mutually exclusive. When one member of the group is opened, all other members are closed.</p> @starting-style 2024-08-06T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/starting-style <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/starting-style">@starting-style</a></h1> <p>The <code>@starting-style</code> CSS at-rule sets the starting values for properties that are transitioning when the target element's style is first updated.</p> transition-behavior 2024-08-06T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/transition-behavior <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/transition-behavior">transition-behavior</a></h1> <p>The <code>transition-behavior: allow-discrete</code> CSS declaration allows transitions for properties whose animation behavior is discrete. Such properties can't be interpolated and swap from their start value to the end value at 50%.</p> font-size-adjust 2024-07-25T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/font-size-adjust <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/font-size-adjust">font-size-adjust</a></h1> <p>The <code>font-size-adjust</code> CSS property preserves apparent text size, regardless of the font used, by scaling fonts to the same size with respect to a specific metric, such as x-height. This can help make fallback fonts look the same size.</p> Alt text for generated content 2024-07-09T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/alt-text-generated-content <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/alt-text-generated-content">Alt text for generated content</a></h1> <p>The <code>/</code> notation in <code>content</code> CSS property values adds alternative text to generated content. For example, the <code>content: url('upvote-icon.svg') / 'Upvote'</code> declaration adds accessible 'Upvote' text to the SVG icon. Also known as alternate text.</p> Unsanitized HTML parsing methods 2024-07-09T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/parse-html-unsafe <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/parse-html-unsafe">Unsanitized HTML parsing methods</a></h1> <p>The <code>Document.parseHTMLUnsafe()</code> static method parses HTML into a DOM tree, while the <code>setHTMLUnsafe()</code> method of <code>Element</code> and <code>ShadowRoot</code> parses and inserts HTML into an existing tree. No sanitization applies to these methods, so never call them with user-provided HTML strings.</p> Registered custom properties 2024-07-09T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/registered-custom-properties <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/registered-custom-properties">Registered custom properties</a></h1> <p>The <code>CSS.registerProperty()</code> static method and the <code>@property</code> CSS at-rule register custom properties for which types and behaviors can be defined.</p> Resizable buffers 2024-07-09T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/resizable-buffers <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/resizable-buffers">Resizable buffers</a></h1> <p>The <code>resize()</code> method of an <code>ArrayBuffer</code> and the <code>grow()</code> method of a <code>SharedArrayBuffer</code>, constructed with the <code>maxByteLength</code> option, changes the size of the buffer in place.</p> Async clipboard 2024-06-11T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/async-clipboard <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/async-clipboard">Async clipboard</a></h1> <p>The <code>navigator.clipboard</code> API asynchronously reads and writes to the system clipboard.</p> Gradient interpolation 2024-06-11T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/gradient-interpolation <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/gradient-interpolation">Gradient interpolation</a></h1> <p>Gradient interpolation controls how the colors between gradient stops are calculated in CSS. For example, <code>linear-gradient(to right in oklch longer hue, red, red);</code> calculates in the <code>oklch</code> color space, with the hue going all the way around the hue circle from red back to red.</p> Set methods 2024-06-11T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/set-methods <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/set-methods">Set methods</a></h1> <p>The <code>difference()</code>, <code>intersection()</code>, <code>isDisjointFrom()</code>, <code>isSubsetOf()</code>, <code>isSupersetOf()</code>, <code>symmetricDifference()</code>, and <code>union()</code> methods of the JavaScript <code>Set</code> object performs operations between two sets.</p> round(), mod(), and rem() 2024-05-17T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/round-mod-rem <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/round-mod-rem">round(), mod(), and rem()</a></h1> <p>The <code>round()</code>, <code>mod()</code>, and <code>rem()</code> CSS functions compute rounded values and the remainder after division.</p> :state() 2024-05-17T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/state <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/state">:state()</a></h1> <p>The <code>:state()</code> CSS pseudo-class matches custom elements based on their custom state, set through the <code>ElementInternals.states</code> API.</p> zoom 2024-05-14T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/zoom <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/zoom">zoom</a></h1> <p>The <code>zoom</code> CSS property scales the size of an element. Unlike the <code>transform</code> property, a zoomed element affects page layout.</p> light-dark() 2024-05-13T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/light-dark <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/light-dark">light-dark()</a></h1> <p>The <code>light-dark()</code> CSS function accepts two colors and uses one depending on the current color scheme.</p> text-wrap: balance 2024-05-13T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/text-wrap-balance <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/text-wrap-balance">text-wrap: balance</a></h1> <p>The <code>text-wrap: balance</code> CSS declaration balances the length of each line when text is broken into multiple lines. Also known as headline balancing.</p> Vertical form controls 2024-04-18T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/vertical-form-controls <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/vertical-form-controls">Vertical form controls</a></h1> <p>The <code>writing-mode</code> CSS property orients form elements (such as radio buttons, progress bars, or select menus) vertically when the writing mode is <code>vertical-lr</code> or <code>vertical-rl</code>. The <code>direction</code> CSS property sets whether inputs flow from top to bottom or bottom to top.</p> align-content in block layouts 2024-04-16T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/align-content-block <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/align-content-block">align-content in block layouts</a></h1> <p>The <code>align-content</code> property vertically aligns content in block layouts, like it does in flex or grid layouts.</p> Intl.Segmenter 2024-04-16T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/intl-segmenter <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/intl-segmenter">Intl.Segmenter</a></h1> <p>The <code>Intl.Segmenter</code> API creates a locale-aware text splitter that can separate a string into meaningful graphemes, words, or sentences.</p> transform-box 2024-04-16T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/transform-box <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/transform-box">transform-box</a></h1> <p>The <code>transform-box</code> CSS property sets the position and dimensions of the reference box relative to which an element's transformations are calculated.</p> AbortSignal.any() 2024-03-19T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/abortsignal-any <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/abortsignal-any">AbortSignal.any()</a></h1> <p>The <code>AbortSignal.any()</code> static method combines an iterable of abort signals into a single signal, with the abort reason taken from the first signal to abort.</p> text-wrap 2024-03-19T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/text-wrap <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/text-wrap">text-wrap</a></h1> <p>The <code>text-wrap</code> CSS property sets how lines break in text that overflows the container. It is a shorthand for <code>text-wrap-style</code> and <code>text-wrap-mode</code>.</p> text-wrap: nowrap 2024-03-19T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/text-wrap-nowrap <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/text-wrap-nowrap">text-wrap: nowrap</a></h1> <p>The <code>text-wrap: nowrap</code> CSS declaration prevents text breaking into multiple lines. Text that doesn't fit overflows instead.</p> white-space-collapse 2024-03-19T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/white-space-collapse <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/white-space-collapse">white-space-collapse</a></h1> <p>The <code>white-space-collapse</code> CSS property sets whether new line characters are shown as line breaks, and whether multiple consecutive spaces are all displayed or combined.</p> Array grouping 2024-03-05T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/array-group <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/array-group">Array grouping</a></h1> <p>The <code>Object.groupBy()</code> and <code>Map.groupBy()</code> static methods group values of arrays and iterables based on a function that returns a key for each value.</p> checkVisibility() 2024-03-05T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/check-visibility <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/check-visibility">checkVisibility()</a></h1> <p>The <code>checkVisibility()</code> method checks if an element is potentially visible, with optional parameters for the kinds of visibility to check. For example, it checks whether the element has the style <code>display: none</code>, but can also check for <code>visibility: hidden</code>.</p> Promise.withResolvers() 2024-03-05T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/promise-withresolvers <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/promise-withresolvers">Promise.withResolvers()</a></h1> <p>The <code>Promise.withResolvers()</code> static method is an alternative to the <code>Promise()</code> constructor that returns both the promise and resolution functions. You can use this to access <code>resolve</code> and <code>reject</code> outside the scope of the executor function.</p> Transferable ArrayBuffer 2024-03-05T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/transferable-arraybuffer <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/transferable-arraybuffer">Transferable ArrayBuffer</a></h1> <p>The <code>transfer()</code> and <code>transferToFixedLength()</code> methods of <code>ArrayBuffer</code> move a buffer from one context to another (for example, to a worker).</p> Extended constant expressions (WebAssembly) 2024-03-05T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/wasm-extended-constant-expressions <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/wasm-extended-constant-expressions">Extended constant expressions (WebAssembly)</a></h1> <p>The <code>i32.add</code>, <code>i32.sub</code>, <code>i32.mul</code>, <code>i64.add</code>, <code>i64.sub</code>, and <code>i64.mul</code> operations extend constant expressions to include arithmetic.</p> Declarative shadow DOM 2024-02-20T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/declarative-shadow-dom <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/declarative-shadow-dom">Declarative shadow DOM</a></h1> <p>The <code>shadowrootmode</code> attribute on <code><template></code> creates a shadow root without the use of JavaScript. It is a declarative alternative to the <code>attachShadow()</code> method.</p> AVIF 2024-01-26T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/avif <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/avif">AVIF</a></h1> <p>AVIF (AV1 Image File Format) is an image format based on the AV1 video format.</p> Array.fromAsync() 2024-01-25T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/array-fromasync <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/array-fromasync">Array.fromAsync()</a></h1> <p>The <code>Array.fromAsync()</code> static method copies items from an async iterable object to make a new array.</p> :has() 2023-12-19T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/has <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/has">:has()</a></h1> <p>The <code>:has()</code> CSS functional pseudo-class matches an element if any of the selectors passed as parameters would match at least one element.</p> Lazy-loading images and iframes 2023-12-19T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/loading-lazy <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/loading-lazy">Lazy-loading images and iframes</a></h1> <p>The <code>loading="lazy"</code> attribute for <code><img></code> and <code><iframe></code> elements blocks loading the external resource until the user scrolls to that element's part of the page.</p> Canvas reset() 2023-12-11T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/canvas-reset <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/canvas-reset">Canvas reset()</a></h1> <p>The <code>reset()</code> method clears a canvas to its initial state.</p> cap unit 2023-12-11T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/cap <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/cap">cap unit</a></h1> <p>The <code>cap</code> CSS length unit corresponds to the height of Latin capital letters.</p> counter-set 2023-12-11T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/counter-set <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/counter-set">counter-set</a></h1> <p>The <code>counter-set</code> CSS property creates (and optionally sets a value for) a counter, the numbers for a series of headings or ordered list items.</p> linear() easing 2023-12-11T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/linear-easing <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/linear-easing">linear() easing</a></h1> <p>The <code>linear()</code> easing function for animations and transitions interpolates linearly between the control points, and can be used to approximate complex easing functions, such as a bounce effect.</p> Nesting 2023-12-11T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/nesting <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/nesting">Nesting</a></h1> <p>CSS nesting allows for shorter selectors, easier reading, and more modularity by nesting rules inside others.</p> Preloading responsive images 2023-12-11T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/preloading-responsive-images <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/preloading-responsive-images">Preloading responsive images</a></h1> <p>The <code>imagesrcset</code> and <code>imagesizes</code> attributes with the <code>rel="preload"</code> attribute for the <code><link></code> HTML element starts fetching responsive images before they're found in the body of the document.</p> preservesPitch 2023-12-11T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/preserves-pitch <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/preserves-pitch">preservesPitch</a></h1> <p>The <code>preservesPitch</code> property for <code><audio></code> or <code><video></code> adjusts the pitch of audio to sound more natural when the playback rate is faster or slower than the default.</p> :dir() 2023-12-07T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/dir-pseudo <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/dir-pseudo">:dir()</a></h1> <p>The <code>:dir()</code> CSS functional pseudo-class matches elements by text direction, either right to left (<code>rtl</code>) or left to right (<code>ltr</code>).</p> pow(), sqrt(), hypot(), log(), and exp() 2023-12-07T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/exp-functions <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/exp-functions">pow(), sqrt(), hypot(), log(), and exp()</a></h1> <p>The <code>pow()</code>, <code>sqrt()</code>, <code>hypot()</code>, <code>log()</code>, and <code>exp()</code> CSS functions compute various exponential functions.</p> Masks 2023-12-07T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/masks <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/masks">Masks</a></h1> <p>The <code>mask</code> CSS property (and several longhand properties) partially or completely hides an element according to the shape and depth of an image.</p> scripting media query 2023-12-07T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/scripting <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/scripting">scripting media query</a></h1> <p>The <code>scripting</code> CSS media query sets styles based on whether scripting such as JavaScript is available. Values are <code>enabled</code> if scripting is available, <code>initial-only</code> if scripting is only available on page load (for example, printed content), or <code>none</code>.</p> URL.canParse() 2023-12-07T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/url-canparse <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/url-canparse">URL.canParse()</a></h1> <p>The <code>URL.canParse()</code> static method checks whether a URL can be parsed into a valid <code>URL</code> object. It's an alternative to calling <code>new URL()</code> in a <code>try ⦠catch</code> statement.</p> Storage access 2023-12-05T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/storage-access <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/storage-access">Storage access</a></h1> <p>The <code>document.requestStorageAccess()</code> method allows content in iframes to request storing and reading cookies and other site data, while the <code>document.hasStorageAccess()</code> method checks if such access is granted.</p> lh unit 2023-11-21T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/lh <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/lh">lh unit</a></h1> <p>The <code>lh</code> CSS length unit corresponds to the requested line height, the computed value of the <code>line-height</code> property. Some lines may be higher than this based on their content.</p> rlh unit 2023-11-21T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/rlh <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/rlh">rlh unit</a></h1> <p>The <code>rlh</code> CSS length unit is a font-relative length relative to the line height of root element.</p> User activation 2023-11-21T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/user-activation <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/user-activation">User activation</a></h1> <p>The <code>navigator.userActivation</code> API reveals whether the user has interacted with the page through an "activation" gesture such as a click, tap, or key press. User activation gated APIs (such as the fullscreen API) fail without user interaction, and this API allows you to predict such a failure.</p> Clip path boxes 2023-11-02T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/clip-path-boxes <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/clip-path-boxes">Clip path boxes</a></h1> <p>The <code>fill-box</code>, <code>stroke-box</code>, and <code>view-box</code> values for <code>clip-path</code> set an edge of the element's box to use as the clipping shape.</p> :user-valid and :user-invalid 2023-11-02T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/user-pseudos <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/user-pseudos">:user-valid and :user-invalid</a></h1> <p>The <code>:user-valid</code> and <code>:user-invalid</code> pseudo-classes match form controls that have been marked as valid or invalid based on their validation constraints.</p> ARIA attribute reflection 2023-10-24T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/aria-attribute-reflection <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/aria-attribute-reflection">ARIA attribute reflection</a></h1> <p>WAI-ARIA attributes have corresponding properties on <code>Element</code> and <code>ElementInternals</code> objects.</p> String isWellFormed() and toWellFormed() 2023-10-24T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/string-wellformed <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/string-wellformed">String isWellFormed() and toWellFormed()</a></h1> <p>The <code>isWellFormed()</code> method of strings returns a boolean indicating if the string contains any Unicode lone surrogates. The <code>toWellFormed()</code> method returns a new string where all lone surrogates are replaced by the Unicode replacement character.</p> Web authentication easy public key access 2023-10-24T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/webauthn-public-key-easy <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/webauthn-public-key-easy">Web authentication easy public key access</a></h1> <p>The <code>getAuthenticatorData()</code>, <code>getPublicKey()</code>, and <code>getPublicKeyAlgorithm()</code> methods of <code>AuthenticatorAttestationResponse</code> access credential data inside <code>attestationObject</code> without the need to parse it.</p> <search> 2023-10-13T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/search <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/search"><search></a></h1> <p>The <code><search></code> HTML element is a container that represents the parts of the web page with search functionality.</p> Clearing site data 2023-09-18T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/clear-site-data <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/clear-site-data">Clearing site data</a></h1> <p>The <code>Clear-Site-Data</code> header deletes browsing data (such as cookies, storage, or cache) associated with the requesting website.</p> contain-intrinsic-size 2023-09-18T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/contain-intrinsic-size <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/contain-intrinsic-size">contain-intrinsic-size</a></h1> <p>The <code>contain-intrinsic-size</code> CSS property sets the intrinsic size of an element. When using size containment, the browser will lay out the element as if it had a single child of this size.</p> @counter-style 2023-09-18T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/counter-style <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/counter-style">@counter-style</a></h1> <p>The <code>@counter-style</code> CSS at-rule sets custom counter styles for list items. For example, you can use a sequence of specific symbols instead of numbers for an ordered list.</p> Device orientation events 2023-09-18T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/device-orientation-events <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/device-orientation-events">Device orientation events</a></h1> <p>The <code>DeviceMotion</code> and <code>DeviceOrientation</code> events report the movement and orientation of the browser's device in physical space. Note that coordinates can differ noticeably between platforms and devices.</p> Hyphenate character 2023-09-18T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/hyphenate-character <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/hyphenate-character">Hyphenate character</a></h1> <p>The <code>hyphenate-character</code> CSS property sets the character or string to use at the end of a line before a line break.</p> Hyphenation 2023-09-18T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/hyphens <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/hyphens">Hyphenation</a></h1> <p>The <code>hyphens</code> CSS property controls when long words are broken by line wrapping. Although called <code>hyphens</code>, the property applies to word-splitting behavior across languages, such as customary spelling changes or the use of other characters. Support for non-English languages varies significantly.</p> image-set() 2023-09-18T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/image-set <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/image-set">image-set()</a></h1> <p>The <code>image-set()</code> CSS function provides a set of images at different resolutions or pixel densities, which the browser can pick from, depending on the device capabilities.</p> <link rel="modulepreload"> 2023-09-18T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/modulepreload <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/modulepreload"><link rel="modulepreload"></a></h1> <p>The <code>rel="modulepreload"</code> attribute for the <code><link></code> HTML element indicates that a module script should be fetched, parsed, and compiled preemptively, and stored for later execution.</p> Overflow media queries 2023-09-18T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/overflow <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/overflow">Overflow media queries</a></h1> <p>The <code>overflow-block</code> and <code>overflow-inline</code> CSS media queries set styles based on the way a device displays content that's larger than the viewport or page area. For example, a laptop lets users scroll to reveal content, while a printer displays overflowing content on additional pages.</p> Storage manager 2023-09-18T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/storage-manager <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/storage-manager">Storage manager</a></h1> <p>The <code>navigator.storage</code> API provides information about the availability and persistence of the data that a site stores on the device, by using APIs such as the Cache API or the IndexedDB API.</p> Update frequency media query 2023-09-18T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/update <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/update">Update frequency media query</a></h1> <p>The <code>update</code> CSS media query sets styles based on whether and how fast the user's device can modify display after it has been rendered. For example, you can avoid animations on devices that aren't fast enough to display them smoothly.</p> Subgrid 2023-09-15T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/subgrid <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/subgrid">Subgrid</a></h1> <p>The <code>subgrid</code> value for the <code>grid-template-columns</code> and <code>grid-template-rows</code> properties allows a grid item to inherit the grid definition of its parent grid container.</p> dirname 2023-08-01T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/dirname <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/dirname">dirname</a></h1> <p>The <code>dirname</code> attribute of <code><textarea></code> and <code><input></code> HTML elements includes the field's writing direction as form data on submission.</p> Two-value display property 2023-07-21T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/two-value-display <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/two-value-display">Two-value display property</a></h1> <p>The <code>display</code> CSS property accepts multiple keyword values, such as <code>inline flex</code> or <code>block flow</code>, to explicitly set an element's inner and outer layout mode. Also known as 2-value, multi-keyword, or multiple value syntax.</p> animation-composition 2023-07-04T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/animation-composition <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/animation-composition">animation-composition</a></h1> <p>The <code>animation-composition</code> CSS property chooses how to combine animations that affect the same property.</p> Array by copy 2023-07-04T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/array-by-copy <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/array-by-copy">Array by copy</a></h1> <p>The <code>toReversed()</code>, <code>toSorted()</code>, <code>toSpliced()</code>, and <code>with()</code> methods of arrays and typed arrays return changed copies of arrays. They stand in contrast to methods such as <code>sort()</code> or <code>reverse()</code> that change arrays in place.</p> calc() keywords 2023-06-06T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/calc-constants <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/calc-constants">calc() keywords</a></h1> <p>The <code>e</code>, <code>pi</code>, <code>infinity</code>, and <code>NaN</code> keywords represent well-defined constants accepted in CSS math functions such as <code>calc()</code>.</p> JavaScript modules in workers 2023-06-06T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/js-modules-workers <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/js-modules-workers">JavaScript modules in workers</a></h1> <p>The <code>Worker()</code> constructor accepts <code>{ type: "module" }</code> to load scripts that use <code>import</code> and <code>export</code>. Also known as ECMAScript modules or ESM in workers.</p> window.print() 2023-06-06T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/print <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/print">window.print()</a></h1> <p>The <code>window.print()</code> method opens the browser's print dialog.</p> color() 2023-05-09T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/color-function <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/color-function">color()</a></h1> <p>The <code>color()</code> function picks a color from a given color space. Wide gamut color spaces like <code>display-p3</code> allow showing more vibrant and saturated colors than the standard <code>srgb</code> color space.</p> color-mix() 2023-05-09T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/color-mix <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/color-mix">color-mix()</a></h1> <p>The <code>color-mix()</code> function mixes two colors in a given color space and by a given amount. Commonly, lighter or darker variations of a color are created by mixing with white or black.</p> Compression streams 2023-05-09T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/compression-streams <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/compression-streams">Compression streams</a></h1> <p>The <code>CompressionStream</code> and <code>DecompressionStream</code> interfaces compress and decompress data using the gzip or deflate formats.</p> Lab and LCH 2023-05-09T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/lab <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/lab">Lab and LCH</a></h1> <p>The CIE Lab color space expresses colors in terms of lightness and how red/green and blue/yellow a color is. LCH is a variant of Lab with polar coordinates. These color spaces can be used with the CSS <code>color()</code>, <code>lab()</code>, and <code>lch()</code> functions. Also known as CIELAB and CIELCH.</p> :nth-child() of <selector> 2023-05-09T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/nth-child-of <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/nth-child-of">:nth-child() of <selector></a></h1> <p>The <code>of</code> syntax for the <code>:nth-child()</code> and <code>:nth-last-child()</code> CSS functional pseudo-classes match elements by the relative position of elements, counted from the first or last sibling matching a selector list.</p> Oklab and Oklch 2023-05-09T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/oklab <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/oklab">Oklab and Oklch</a></h1> <p>The Oklab color space expresses colors in terms of lightness and how red/green and blue/yellow a color is, aiming to match how humans perceive colors. Oklch is a variant of Oklab with polar coordinates. These color spaces can be used with the CSS <code>color()</code>, <code>oklab()</code>, and <code>oklch()</code> functions.</p> WebRTC SCTP information 2023-05-09T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/webrtc-sctp <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/webrtc-sctp">WebRTC SCTP information</a></h1> <p>The <code>sctp</code> object on <code>RTCPeerConnection</code> represents the negotiated SCTP transport. SCTP (Stream Control Transmission Protocol) is the protocol that <code>RTCDataChannel</code> uses.</p> Canvas createConicGradient() 2023-04-11T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/canvas-createconicgradient <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/canvas-createconicgradient">Canvas createConicGradient()</a></h1> <p>The <code>createConicGradient()</code> methods draw a conic gradient to a 2D canvas.</p> Canvas roundRect() 2023-04-11T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/canvas-roundrect <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/canvas-roundrect">Canvas roundRect()</a></h1> <p>The <code>roundRect()</code> methods draw a rounded rectangle to a 2D canvas.</p> inert 2023-04-11T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/inert <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/inert">inert</a></h1> <p>The <code>inert</code> HTML attribute marks an element and its descendants as non-interactive. Inert elements don't get focus or fire <code>click</code> events.</p> Constructed stylesheets 2023-03-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/constructed-stylesheets <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/constructed-stylesheets">Constructed stylesheets</a></h1> <p>The <code>CSSStyleSheet</code> constructor creates a new stylesheet which can be shared between a document and multiple shadow roots using <code>adoptedStyleSheets</code>.</p> Fetch metadata request headers 2023-03-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/fetch-metadata <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/fetch-metadata">Fetch metadata request headers</a></h1> <p>The <code>Sec-Fetch-Dest</code>, <code>Sec-Fetch-Mode</code>, <code>Sec-Fetch-Site</code>, and <code>Sec-Fetch-User</code> HTTP headers provide extra information about the way a request was made, to help servers reject certain kinds of malicious requests.</p> font-synthesis-small-caps 2023-03-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/font-synthesis-small-caps <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/font-synthesis-small-caps">font-synthesis-small-caps</a></h1> <p>The <code>font-synthesis-small-caps</code> CSS property sets whether or not the browser should synthesize small caps typefaces when they're missing from the font.</p> font-synthesis-style 2023-03-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/font-synthesis-style <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/font-synthesis-style">font-synthesis-style</a></h1> <p>The <code>font-synthesis-style</code> CSS property sets whether or not the browser should synthesize italic and oblique typefaces when they're missing from the font.</p> font-synthesis-weight 2023-03-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/font-synthesis-weight <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/font-synthesis-weight">font-synthesis-weight</a></h1> <p>The <code>font-synthesis-weight</code> CSS property sets whether or not the browser should synthesize bold typefaces when they're missing from the font.</p> Form-associated custom elements 2023-03-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/form-associated-custom-elements <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/form-associated-custom-elements">Form-associated custom elements</a></h1> <p>Custom elements may act like built-in form elements, via the the <code>attachInternals()</code> method of <code>HTMLElement</code> and the <code>ElementInternals</code> API.</p> Import maps 2023-03-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/import-maps <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/import-maps">Import maps</a></h1> <p>A <code><script type="importmap"></code> HTML element provides an import map as a JSON string. An import map controls how the browser should resolve module specifiers when importing JavaScript modules.</p> Media query range syntax 2023-03-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/media-query-range-syntax <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/media-query-range-syntax">Media query range syntax</a></h1> <p>The range syntax of CSS media queries allows you to use mathematical comparison operators such as <code><</code>, <code>></code>, <code><=</code>, and <code>>=</code> to define a range of values for a media query. For example, <code>(400px < width < 1000px)</code> returns true if the viewport width is between 400px and 1000px.</p> messageerror 2023-03-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/messageerror <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/messageerror">messageerror</a></h1> <p>The <code>messageerror</code> event fires on a target, such as a window or worker, when an incoming message cannot be deserialized. This event can fire for many types of messages, such as cross-document messages or broadcast channel messages.</p> Notifications from service workers and installed apps 2023-03-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/notifications-apps <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/notifications-apps">Notifications from service workers and installed apps</a></h1> <p>Notifications via service worker registration's <code>showNotification()</code> method, sent from installed web applications (for example, saved to the Home Screen on Safari for iOS), show a message to the user, typically using the notification system of the host operating system.</p> Offscreen canvas 2023-03-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/offscreen-canvas <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/offscreen-canvas">Offscreen canvas</a></h1> <p>The <code>OffscreenCanvas</code> API provides a canvas that can be drawn to off screen, with no dependencies on the DOM, which can be used to run heavy rendering operations inside a worker context.</p> Origin private file system 2023-03-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/origin-private-file-system <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/origin-private-file-system">Origin private file system</a></h1> <p>The <code>navigator.storage.getDirectory()</code> method returns a <code>FileSystemDirectoryHandle</code> that is restricted to a specific origin and invisible to the user's actual file system for faster file-based applications, such as SQLite databases.</p> outline 2023-03-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/outline <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/outline">outline</a></h1> <p>The <code>outline</code> CSS shorthand sets the color, style, and width of a line around an element, outside of the border.</p> pdfViewerEnabled 2023-03-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/pdf-viewer <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/pdf-viewer">pdfViewerEnabled</a></h1> <p>The <code>navigator.pdfViewerEnabled</code> property is a boolean for whether the browser navigates to and shows a PDF in the browser window or downloads the PDF.</p> Push messages 2023-03-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/push <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/push">Push messages</a></h1> <p>The Push API subscribes to and receives server-initiated messages. Subscribers receive pushed messages in the background, even after periods inactive or offline.</p> requestAnimationFrame() in workers 2023-03-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/request-animation-frame-workers <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/request-animation-frame-workers">requestAnimationFrame() in workers</a></h1> <p>The <code>requestAnimationFrame()</code> method in workers schedules a function that runs before the next repaint. Together with offscreen canvas, you can animate content from a worker.</p> Resource size 2023-03-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/resource-size <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/resource-size">Resource size</a></h1> <p>The <code>decodedBodySize</code>, <code>encodedBodySize</code>, and <code>transferSize</code> properties of the <code>PerformanceResourceTiming</code> API reports the size of resources loaded.</p> Screen orientation 2023-03-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/screen-orientation <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/screen-orientation">Screen orientation</a></h1> <p>The <code>screen.orientation</code> API gets information about the orientation of the viewport, such as landscape or portrait. With this API, you can adapt an application's layout or behavior in response to changes in orientation.</p> Server timing 2023-03-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/server-timing <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/server-timing">Server timing</a></h1> <p>The <code>serverTiming</code> property of the <code>PerformanceResourceTiming</code> API contains server timing information about network requests.</p> Imperative slot assignment 2023-03-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/slot-assign <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/slot-assign">Imperative slot assignment</a></h1> <p>The <code>assign()</code> method for <code><slot></code> elements assigns nodes to the slot, as an alternative to using the <code>slot</code> and <code>name</code> HTML attributes. The nodes must be children of a shadow host and the shadow root must be created with the <code>slotAssignment</code> set to "manual". Also known as manual slot assignment.</p> Fixed-width SIMD (WebAssembly) 2023-03-27T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/wasm-simd <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/wasm-simd">Fixed-width SIMD (WebAssembly)</a></h1> <p>128-bit SIMD (Single Instruction Multiple Data) performs one instruction on multiple units of data, when running on hardware that supports such instructions. Also known as vector instructions.</p> translate 2023-03-14T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/translate <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/translate">translate</a></h1> <p>The <code>translate</code> HTML attribute marks whether an element's text should be translated.</p> font-variant-alternates 2023-03-13T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/font-variant-alternates <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/font-variant-alternates">font-variant-alternates</a></h1> <p>The <code>font-variant-alternates</code> CSS property, along with the <code>@font-feature-values</code> at-rule, chooses when to use a font's alternate glyphs.</p> sin(), cos(), tan(), asin(), acos(), atan(), and atan2() (CSS) 2023-03-13T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/trig-functions <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/trig-functions">sin(), cos(), tan(), asin(), acos(), atan(), and atan2() (CSS)</a></h1> <p>The <code>sin()</code>, <code>cos()</code>, <code>tan()</code>, <code>asin()</code>, <code>acos()</code>, <code>atan()</code>, and <code>atan2()</code> CSS functions compute various trigonometric functions.</p> color-gamut media query 2023-02-14T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/color-gamut <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/color-gamut">color-gamut media query</a></h1> <p>The <code>color-gamut</code> media query sets styles based on the colors a device can display.</p> Container queries 2023-02-14T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/container-queries <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/container-queries">Container queries</a></h1> <p>Container size queries with the <code>@container</code> at-rule apply styles to an element based on the dimensions of its container.</p> :autofill 2023-02-09T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/autofill <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/autofill">:autofill</a></h1> <p>The <code>:autofill</code> pseudo-class matches <code><input></code> elements that have been filled in automatically by the browser.</p> MathML 2023-01-12T00:00:00Z https://web-platform-dx.github.io/web-features-explorer/features/mathml <h1><a href="https://web-platform-dx.github.io/web-features-explorer/features/mathml">MathML</a></h1> <p>MathML, or the Mathematical Markup Language, describes mathematical notation, such as expressions and formulas. Also known as MathML Core.</p>
RetroSearch is an open source project built by @garambo
| Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4