New to the web platform
How to periodically synchronize data in the background
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
November 14, 2024
How to create an app badge
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
November 14, 2024
How to use multiple screens
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
November 14, 2024
How to access contacts from the address book
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
November 14, 2024
How to create app shortcuts
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
November 14, 2024
How to let the user share the website they are on
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
November 14, 2024
How to add Richer Install UI
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
November 14, 2024