web-notifications – Pushpad Blog

Building a demo page for testing web push notifications

February 6, 2023 by collimarco

This tutorial can be useful for development if you want to test web push notifications on your domain using Pushpad. You will see how to create a demo page where a user can subscribe to notifications and send a notification with custom options to himself.

Multi-Channel Notifications in Ruby on Rails with Noticed gem and Pushpad

November 24, 2022 by collimarco

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

November 22, 2022 by collimarco

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).

Safari 16 adds support for web push notifications (Push API)

October 28, 2022October 27, 2022 by collimarco

The long-awaited support for web push notifications in Safari is finally here.

How to send notifications with JavaScript (in 10 lines of code)

October 14, 2022 by collimarco

It’s very simple to display a native notification using JavaScript.

“This site has been updated in the background”: what is this notification?

September 2, 2022 by collimarco

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?

Bell icon for push notifications and subscribe button

June 21, 2022April 21, 2022 by collimarco

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.