New to the web platform

A monthly post rounding up just some of the new things landing in browsers.

Periodic background sync lets you show fresh content when a progressive web app or service worker-backed page is launched. It does this by downloading data in the background when the app or page is not being used. After the service worker is

  • JavaScript
  • HTML
  • CSS

Cecilia Cong

November 14, 2024

Badges are used to convey non-urgent information to the user. For example, they are used to indicate the status of an app, or the number of unread items. The classic way of creating an app badge is to add a number to the favicon. On modern browsers,

  • HTML
  • JavaScript
  • CSS

Thomas Steiner

November 14, 2024

To make sure your browser supports the getScreenDetails() method, first check if it exists on the window object. Then, call window.getScreenDetails() to get attached screens. Adding an event listener to adapt to changed screen details allows you to

  • JavaScript
  • CSS
  • HTML

Palances Liao

November 14, 2024

Sometimes you want to let users of your app select one of their contacts to message via an email or chat application, or help them discover which of their contacts have already joined a social platform. To get contacts from the address book, you need

  • JavaScript
  • CSS
  • HTML

Thomas Steiner

November 14, 2024

App shortcuts help users quickly start common or recommended tasks within your web app. Easy access to those tasks from anywhere the app icon is displayed will enhance users' productivity as well as increase their engagement with the web app. The app

  • JavaScript
  • HTML

Francois Beaufort

November 14, 2024

Letting the user share the website they are on is a common web apps pattern that you can find on many news sites, blogs, or shopping sites. Since linking is one of the web's super powers, the hope is to acquire traffic from users who see the shared

  • JavaScript
  • HTML
  • CSS

Thomas Steiner

November 14, 2024

See the example below for the default experience, which doesn’t provide enough context. To get the Richer Install UI dialog instead of the regular small default prompt, add screenshots and description fields to your web manifest. Check out the

  • HTML
  • JavaScript

Adriana Jara

November 14, 2024