Firefox 85 was released on 26th January, 2021. Major web platform updates in this version include :
Support added for <link rel="preload"> attribute.
This basically instructs the browser to download a given resource ahead of time. When the resource is actually required, chances are that it may be already present. This is helpful in improving the performance by a good extent.
<!-- preload a CSS file which will be later needed -->
<link rel="preload" href="style.css" as="style">
............
<!-- actual link for the CSS file -->
<link href="style.css" rel="stylesheet" type="text/css">
See Preloading content with rel="preload" for more details.
Support added for CSS :focus-visible pseudo-class.
This selector is useful in showing a different focus indicator based on whether user is using a pointer device or a keyboard.
/* styles when focused with a keyboard */
button:focus-visible {
outline: 4px dashed black;
}
/* styles when focused with a mouse, touch, or pen */
button:focus:not(:focus-visible) {
outline: none;
box-shadow: 1px 1px 5px rgba(1, 1, 0, .7);
}
See Giving users and developers more control over focus for details.
Comments