New to the online platform in December

Secure browser releases #

In December, Firefox 108, and Safari 16.2 turned secure. Let’s check out what this implies for the online platform.

Help for top and width attributes of &LTsource> #

Firefox 108 helps top and width attributes for the &LTsource> ingredient, when it’s a baby of a &LTpicture> ingredient. These attributes settle for the peak or width of the picture, in pixels, as an integer and not using a unit.

Trigonometric CSS features #

Firefox additionally now helps trigonometric features in CSS—sin(), cos(), tan(), asin(), acos(), atan(), and atan2().

Help for final baseline in all three engines #

Along with plenty of CSS fixes, Safari 16.2 consists of final baseline alignment for CSS grid and flexbox structure, which suggests this characteristic now supported within the three primary browser engines.

CSS font-variant-alternates #

Safari additionally provides assist for added values for the font-variant-alternates CSS property: annotation(value-name), character-variant(value-name), ornaments(value-name), styleset(value-name), stylistic(value-name), swash(value-name), together with the related @font-feature-values at-rule.

Beta browser releases #

Beta browser variations offer you a preview of issues that can be within the subsequent secure model of the browser. It is a good time to check new options, or removals, that would impression your web site earlier than the world will get that launch. New betas are Firefox 109, Safari 16.3, and Chrome 109.

The one new characteristic listed for Safari 16.3 is the addition of the Content material-Safety-Coverage (CSP) prefetch-src directive. There are additionally plenty of fixes on this beta.

Chrome 109 helps MathML Core, a language for describing mathematical notation embeddable in HTML and SVG.

New in Chrome on Android is Safe Cost Affirmation (SPC). This can be a proposed internet normal that permits prospects to authenticate with a bank card issuer, financial institution, or different fee service supplier utilizing a platform authenticator—usually activated with a tool’s display screen unlock characteristic resembling a fingerprint sensor.

Additionally new for Chrome on Android is the Origin Personal File System (OPFS), a part of the File System Entry API on Android. This consists of the entire File System Entry API floor, minus the present{OpenFile, SaveFile, Listing}Picker() strategies and the Drag and Drop API integration.

For CSS in Chrome we have now the lh size unit. This unit is equal to the computed worth of the line-height property on the ingredient on which it’s used. Additionally, the hyphenate-limit-chars property specifying the minimal variety of characters in a hyphenated phrase.

On the time of writing, and maybe because of the vacation season, Firefox launch notes have not been up to date.

Different information #

This publish marks the twelfth version of this weblog publish collection, bringing you a choice of fascinating issues touchdown in browsers every month in 2022. I will be again in 2023 to proceed sharing a number of the fascinating issues touchdown on the net platform every month.

Most of the options touchdown in browsers over this previous yr, and plenty of these issues talked about as “CSS fixes,” had been a part of Interop 2022. For extra info, learn the Chrome group’s end-of-year report on this cross-browser initiative to enhance a number of the prime interoperability ache factors on the net platform.

And eventually, of curiosity to individuals who learn this publish, is that this checklist of updates primarily based on the MDN browser compatibility information, launched by our pals over at MDN.

Picture by Patrick Hendry.