New to the web platform in June

Trending 3 months ago

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

Rachel Andrew

Stable browser releases

In June 2024, Firefox 127 and Chrome 126 became stable. This station looks astatine nan caller features added to nan web platform.

JavaScript Set methods

Sets are an basal information building successful immoderate programming language. Now you tin usage JavaScript's built-in methods to execute group operations. The pursuing group methods are now disposable from Firefox 127, and became portion of Baseline Newly Available:

To study much publication The JavaScript Set methods are now portion of Baseline.

Async Clipboard API

The Clipboard API is now afloat supported from Firefox 127. Firefox now supports nan ClipboardItem interface, on pinch nan read() and write() methods of nan Clipboard interface. Learn much astir nan Clipboard API in Unblocking clipboard access.

Color interpolation successful CSS gradients

CSS gradients are specified to judge a <color-interpolation-method>, and this is now supported successful Firefox, making this interoperable crossed each awesome engines. You tin now, for example, specify a linear-gradient() utilizing nan hsl color system and longer interpolation.

.longer { background: linear-gradient(90deg in hsl longer hue, red, blue); }

Cross-document position transitions

Previously you had to rearchitect your website to an SPA to usage nan View Transitions API. This is nary longer nan case. From Chrome 126, position transitions are now enabled by default for same-origin navigations. You tin create a position modulation betwixt 2 different same-origin documents.

To alteration a cross-document position transition, some ends request to opt-in. To do this, usage nan @view-transition at-rule and group nan navigation descriptor to auto.

@view-transition { navigation: auto; }

Learn much successful nan archiving for cross-document position transitions.

The Gamepad API trigger-rumble extension

Chrome 126 extends nan GamepadHapticActuator interface to expose the trigger-rumble capacity connected nan web for compatible gamepads. This hold will let web applications that return advantage of the Gamepad API to besides vibrate nan triggers of gamepad devices that travel equipped pinch this functionality.

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 128, Chrome 127, Safari 18, and Safari 17.6. 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.

Safari 17.6 is simply a merchandise of fixes to existing features. Safari 18 has a number of breathtaking caller features including style instrumentality queries, nan position modulation API for single-page apps, and support for nan safe keyword successful flexbox properties.

Chrome 127 includes nan font-size-adjust CSS property, the expertise to specify alt matter connected generated content as an arbitrary number of elements, and the expertise to adhd individual section information in MediaMetaData.

Firefox 128 includes CSS Properties and Values, making this feature Baseline Newly Available. Use @property to specify a type and group a fallback value for CSS civilization properties.

More
Source Web Development
Web Development