New to the web platform in February

Trending 2 months ago

Discover immoderate of nan absorbing features that person landed successful unchangeable and beta web browsers during February 2024.

Rachel Andrew

Stable browser releases

In February 2024 Firefox 123 and Chrome 122 became stable. This station looks astatine nan caller features added to nan web platform.

Declarative Shadow DOM

Firefox 123 supports nan shadowrootmode property of nan <template> element, frankincense supporting the Declarative Shadow DOM. This characteristic now joins Baseline recently available, arsenic it is interoperable across all cardinal browsers.

Browser Support

  • 111
  • 111
  • 123
  • 16.4

103 Early Hints: preload

Firefox 123 includes the 103 Early Hints status codification for preloading resources.

Browser Support

  • 103
  • 103
  • 123
  • x

Changes to CSS ::backdrop inheritance

The ::backdrop CSS pseudo-element is simply a container nan size of nan viewport, rendered instantly beneath immoderate constituent that is presented successful nan apical layer. The original specification for ::backdrop specified that it did not inherit from immoderate element, and is not inherited from. This meant that ::backdrop did not person entree to civilization properties declared connected :root.

The specification has been changed to let ::backdrop to inherit properties from its originating element. This alteration is implemented successful Chrome 122.

Read much astir the changes to ::backdrop.

Storage Buckets API

Chrome 122 includes nan Storage Buckets API. This API gives sites nan expertise to shape on-device information into buckets, the group information tin past beryllium evicted independently of information held successful different buckets.

Learn much successful the Storage Buckets API documentation.

Browser Support

  • 122
  • 122
  • x
  • x

Async Clipboard API: Read unsanitized HTML

Chrome 122 beta includes an unsanitized action successful nan read() method of the Async Clipboard API to retrieve unsanitized HTML format.

JavaScript Set methods

Chrome 122 implements nan pursuing methods of Set:

These methods are already implemented successful Safari, from type 17, and are successful Firefox Nightly.

Browser Support

  • 122
  • 122
  • 17

Source

Beta browser releases

Beta browser versions springiness you a preview of things that will beryllium successful nan next stable type of nan browser. It's a awesome clip to trial caller features, or removals, that could effect your tract earlier nan world gets that release. New betas are Firefox 124, Chrome 123 released this month, and Safari 17.4 is ongoing. These releases bring galore awesome features to nan platform. Check retired nan release notes for each of nan details. Here are conscionable a fewer highlights.

Chrome 123 includes respective caller CSS features. The light-dark() colour function makes it easier to accommodate colour schemes to personification preference. The field-sizing property enables automatically-growing matter input fields. There is simply a caller media feature to trial for apps that are being shown successful picture-in-picture mode.

The text-spacing-trim spot applies kerning to Chinese, Japanese, and Korean (CJK) punctuation characters to set excessive spacing. Read much in Introducing 4 caller world features for CSS.

In nan Chrome 123 and Safari 17.4 betas is support for align-content in artifact and array layout. Read about the alteration to align-content support. Test your sites if you whitethorn beryllium utilizing nan spot extracurricular of grid or flex layouts, arsenic it will statesman to origin alignment wherever antecedently it was not functional successful artifact layout.

Firefox 124 includes support for nan CSS content-visibility property. This spot controls whether an constituent renders its contented astatine all, allowing browsers to omit rendering nan contented until it is needed.

More
Source Web Development
Web Development
↑