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.

5 conseils fiscaux de fin d'année pour les pigistes

5 conseils fiscaux de fin d'année pour les pigistes

Nous ne savons pas comment c'est arrivé, mais c'est déjà la fin de l'année. Si vous êtes comme la plupart des pigistes, vous avez probablement évité de penser à vos impôts jusqu'à maintenant . En fait, vous aimeriez probablement encore éviter de penser à eux. Mais juste un peu d'effort fera maintenant un monde de différence le jour de l'impôt.Voici un rapp

(Conseils techniques et de conception)

UmbrellaJS est votre alternative à jQuery

UmbrellaJS est votre alternative à jQuery

La bibliothèque jQuery open source a dominé le développement web pendant des années. C'est toujours l'une des ressources les plus fiables pour JavaScript, mais il y a une nouvelle bibliothèque en ville appelée UmbrellaJS .Umbrella est également complètement open source et offre la plupart des fonctionnalités, y compris les sélecteurs d'éléments, la manipulation DOM et les requêtes AJAX.Umbrella JS

(Conseils techniques et de conception)