Firefox 85 Released, Adds Support for link rel=preload

Browser News

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.

  • Flash support has been removed.
  • And more.

Read full post on hacks.mozilla.org

January 27, 2021

Comments

Loading Comments