env(safe-area-inset-top, 20px)
    env(safe-area-inset-right, 20px)
    env(safe-area-inset-bottom, 20px)
    env(safe-area-inset-left, 20px);

measures () cartoon timing function

A Few examples

A Great day for DevTools

The Intl.RelativeTimeFormat constructor allows you to output strings describing localized comparative times, for easier human-readable time references in web apps.
CSS environment factors are now supported, accessed via env() in stylesheets. These variables are usable in any part of a house value or descriptor, and are scoped globally to a specific record, whereas tradition houses are scoped to the element(s) they’re announced on. These were initially provided by the iOS browser to permit developers to put their content in a secure region of the viewport, i.e., away from the region covered by the notch.
By Way of Example, to prevent a page break occurring inside a paragraph or list:
At long last, Firefox 65 currently supports the WebP picture format. WebP generally generates files which are 25-34% smaller than equivalent JPEGs or PNGs, and provides compression styles. Smaller files mean faster page loads and much better performance, so this is a fantastic thing.

Other developments

  • The MediaRecorder pause and resume events are eventually supported in Firefox, as of version 65.

Firefox Internals

Readable streams

This avoids needing to utilize a mix of window, self, international , or this, depending on where a script is executing (e.g. a page, a worker, or Node.js).

  • The FetchEvent thing ’s replacesClientId and resultingClientId properties are now employed — allowing you to monitor the source and destination of a navigation.
  • Now you can specify a referrer coverage on scripts employed to your files (e.g. via a referrerpolicy feature on <script elements)
  • Lastly, to avoid popup spam, may now only be called once a user interaction event.
  • Media: Support for WebP and AV1, and other improvements