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.

10 sites à télécharger des vidéos de haute qualité gratuitement

10 sites à télécharger des vidéos de haute qualité gratuitement

Comme les concepteurs utilisent des photos et des images pour pimenter leurs créations, les vidéastes peuvent désormais faire de même avec un certain nombre de banques de vidéos de haute qualité à leur disposition . Que vous soyez un monteur vidéo professionnel ou un vidéaste amateur, vous pouvez certainement utiliser gratuitement des milliers de séquences vidéo haute définition .Oui, c'

(Conseils techniques et de conception)

Une introduction aux pages de pièces jointes WordPress

Une introduction aux pages de pièces jointes WordPress

Les pages de pièces jointes ne sont pas très bien connues ou comprises dans WordPress. Chaque élément que vous téléchargez via WordPress - que ce soit une image, un son, une vidéo ou toute autre chose - peut avoir sa propre page avec du contenu, comme n'importe quel autre article. En vous assurant que vos pages de pièces jointes sont bien formées et contiennent des informations pertinentes, vous pouvez ajouter de la profondeur à votre site Web et même augmenter votre score SEO dans le processus .En outre,

(Conseils techniques et de conception)