hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Envoyer les notifications Push du navigateur avec Push.js

Les applications mobiles natives supportaient toujours les notifications push . Cependant, ces notifications étaient absentes du Web jusqu'à ce que l' API Notifications apparaisse.

L'API Notifications fonctionne via JavaScript . Il vous permet d' envoyer des notifications push directement sur l'ordinateur de l'utilisateur via la fenêtre de son navigateur. Ce n'est pas si difficile à mettre en place, mais pourquoi réinventer la roue?

Push.js est une bibliothèque de notifications gratuite qui gère toutes les fonctionnalités de notifications push de base avec quelques lignes de JavaScript.

Ces notifications basées sur les navigateurs sont encore très récentes et il y a des façons d'y aller avant de les attraper. Les utilisateurs doivent autoriser les notifications de certains sites Web avant qu'ils n'apparaissent. Par conséquent, à moins que votre audience ne fasse déjà confiance à votre site Web, il peut être difficile de convaincre les utilisateurs.

Mais, la meilleure façon d'apprendre est d'essayer de voir ce qui se passe. Vous pouvez envoyer à vos visiteurs des liens vers vos derniers posts, ou des informations sur les nouvelles mises à jour du site ou même des demandes d'inscription à votre newsletter. Et, avec Push.js c'est fou simple de faire fonctionner ça.

Vous pouvez télécharger la bibliothèque depuis npm ou Bower, ou tout simplement la récupérer directement depuis GitHub .

À partir de là, vous ajoutez du JavaScript de base à votre page pour créer la notification push. Si l'utilisateur accepte la demande de votre site, il recevra systématiquement toutes les nouvelles notifications que vous lui envoyez. Plutôt cool!

Vous pouvez définir l'en-tête de notification, le contenu principal et d'autres fonctionnalités telles que l'heure de fermeture automatique.

Voici un extrait du site Web Push.js:

 Push.create ("Bonjour tout le monde!", {Body: "Comment ça se bloque?", Icône: 'icon.png', timeout: 4000, onClick: function () {window.focus (); this.close () ;}}); 

Vous n'avez pas besoin de connaître beaucoup JavaScript pour que cette bibliothèque fonctionne sur votre site. Si vous ne faites que copier / coller ou travailler dans la documentation, vous devriez avoir des notifications push en moins de 15 minutes.

Tout le monde n'aime pas ces notifications de navigateur et cette bibliothèque ne sera certainement pas utile sur tous les sites Web. Mais, si vous êtes prêt à essayer, il est très facile à configurer et rendra les notifications push beaucoup plus faciles.

Les plus beaux magasins Apple dans le monde

Les plus beaux magasins Apple dans le monde

Quand il a été annoncé, l'idée d'Apple ayant son propre magasin de détail n'a pas été bien reçue par de nombreux quartiers - voici un commentaire de Bloomberg sur les raisons pour lesquelles "Apple Store ne fonctionne pas" daté du 20 mai 2001, publié le lendemain du Les deux premiers magasins Apple ont été lancés par Steve Jobs lui-même.Près de 15 an

(Conseils techniques et de conception)

10 plugins WordPress pour créer des sites Web mobiles-réactifs

10 plugins WordPress pour créer des sites Web mobiles-réactifs

Ces jours-ci, vous pouvez utiliser un plugin WordPress pour créer des pages d'atterrissage, personnaliser votre page de connexion, adopter une authentification à deux facteurs, ou même déterminer comment optimiser votre site avec l'intelligence artificielle. Dans ce post, nous allons ajouter un autre élément à cette liste, vous apportant 10 plugins pour créer des blogs mobiles pour vous.Vous n&

(Conseils techniques et de conception)