A list of all the official documentation provided by the push services about the HTTP status codes and errors that can be returned. When an application sends a notification to a browser push service, it should check the status code returned and take appropriate actions.
Multi-Channel Notifications in Ruby on Rails with Noticed gem and Pushpad
In this tutorial we explain how to use the pushpad gem with the noticed gem to create multi-channel notifications in a Rails application. In particular we’ll use the noticed gem for the notifications in general, while Pushpad will be used to deliver the web push notifications in real time, even when the website is closed.
A bell for notifications with JavaScript animation
In this tutorial we create a ringing bell animation with JavaScript and we learn how to create a simple bell icon that you can place in a corner of your web page (e.g. to collect subscribers to your push notifications).
Push API: the PushSubscription object explained
A “push subscription” represents a subscriber to the push notifications of a website.
Safari 16 adds support for web push notifications (Push API)
The long-awaited support for web push notifications in Safari is finally here.
How to change the scope of a service worker
The scope of a service worker defines when it is active and usually depends on the path where it is located. However in this tutorial we’ll see some directives that allow to change the default scope of a service worker, regardless of its location.
Add web push notifications to Wix
In this tutorial we’ll see how you can send push notifications from your Wix website.
Building a custom browser push service: is it possible?
Can you change the push service used by the browser? Is it possible to build and use a custom push service for delivering the web push notifications to the browser?
How to send notifications with JavaScript (in 10 lines of code)
It’s very simple to display a native notification using JavaScript.
P2P Notifications? CORS is removed from all major push services
Sending web push notifications directly from a browser to another, using the Push API protocol, is not a secure practice. Now CORS is finally removed from all browser push services.
“This site has been updated in the background”: what is this notification?
If you subscribe to the notifications of some websites, you may sometimes see a strange notification with this content: “This site has been updated in the background”. What does that mean? And if you are the website owner, how can you prevent that notification?
What happens to the push subscription when you clear data from browser?
A user visits a website and subscribes to the notifications. Then, after some time, he opens the browser settings and clicks “clear data” in order to remove the history and all the data stored by the browser on the device. What happens to the notifications in this case?
Best UI / UX for subscribing users to web push notifications
In order to optimize the number of people that subscribe to your notifications, you need to use the right user interface (UI). It’s also important to design a good user experience (UX), so that the notification prompt is perceived as something useful for the user and not as an annoyance. In this post we’ll analyze different approaches and user interfaces that are useful to ask users to subscribe to web push notifications.
Bell icon for push notifications and subscribe button
Are you looking for a bell icon to represent push notifications or to create a subscribe button on your website?
There are many free and open source resources where you can get an high-quality bell icon, in different formats, without the need to draw it manually.
Is it possible to display newlines inside web notifications?
You can include newlines and line breaks inside the body of web notifications.
Styling web push notifications
Is it possible to customize the style of web push notifications?
Web Push Notifications: multiple accounts on the same browser
How can you manage push notifications when a user uses multiple accounts on the same browser? What can you do if multiple users use the same device / browser?
Web Push: wake up a phone from deep sleep with urgent notifications
Is it possible to instantly deliver a web push notification to notify a phone call or to deliver any other time-sensitive notification?
Web push notifications: user log in and log out
How can you associate a push subscription to a specific user? How can you implement log-in and log-out for web push notifications?
Web push notifications from iframe
Is it possible to subscribe the users to web push notifications from an iframe?