nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


Stuur pushmeldingen voor de browser met push.js

Native mobiele apps hadden altijd ondersteuning voor pushmeldingen . Maar deze meldingen waren afwezig op internet totdat de API voor meldingen verscheen.

De meldings-API werkt via JavaScript . Hiermee kunt u pushmeldingen rechtstreeks naar de computer van de gebruiker verzenden via hun browservenster. Het is niet zo moeilijk om het zelf op te zetten, maar waarom zou je het wiel opnieuw uitvinden?

Push.js is een gratis notifications-bibliotheek die alle elementaire functies voor pushmeldingen behandelt met een paar regels JavaScript.

Deze browsergebaseerde meldingen zijn nog steeds erg nieuw en er zijn manieren waarop ze kunnen worden gebruikt voordat ze kunnen worden gebruikt. Gebruikers moeten meldingen van bepaalde websites toestaan voordat ze worden weergegeven, dus tenzij uw doelgroep uw website al vertrouwt, kan het lastig zijn om mensen te accepteren.

Maar de beste manier om te leren is om te proberen te zien wat er gebeurt. Je kunt bezoekers links sturen naar je nieuwste blogposts, of informatie over nieuwe updates van de site of zelfs verzoeken om je aan te melden voor je nieuwsbrief. En met Push.js is het gek eenvoudig om dit te laten werken.

Je kunt de bibliotheek downloaden van npm of Bower of hem gewoon rechtstreeks van GitHub pakken.

Van daaruit voegt u wat standaard JavaScript toe aan uw pagina om de pushmelding te maken. Als de gebruiker het verzoek van uw site accepteert, ontvangen zij consequent alle nieuwe meldingen die u verzendt. Best wel gaaf!

U kunt de berichtkop, de hoofdinhoud en andere functies, zoals de automatische sluitingstijd, instellen.

Hier is een voorbeeldfragment van de Push.js-website:

 Push.create ("Hallo wereld!", {Body: "Hoe gaat het ermee?", Pictogram: 'icon.png', time-out: 4000, onClick: function () {window.focus (); this.close () ;}}); 

U hoeft niet veel JavaScript te kennen om deze bibliotheek op uw site te laten werken. Als u alleen de documentatie kopieert en plakt of doorwerkt, moet u binnen de 15 minuten pushmeldingen hebben.

Niet iedereen houdt van deze browser-meldingen en deze bibliotheek zal zeker niet van pas komen op elke website. Maar als je bereid bent om dit eens te proberen, is het super eenvoudig in te stellen en zullen pushmeldingen een stuk eenvoudiger worden.

Een statische blog maken met Cactus [OS X]

Een statische blog maken met Cactus [OS X]

Update : Cactus-app is stopgezet.Als u geen CMS nodig hebt en liever alleen een statische site of blog wilt, is Jekyll een goede tool om een ​​kans mee te nemen. Als u echter de voorkeur geeft aan een tool met een grafische gebruikersinterface, in plaats van te werken met opdrachtregelprogramma's, wilt u misschien Cactus bekijken .Cac

(Technische en ontwerptips)

De invloed van Microsoft Inclusive Design in Visual Studio Code

De invloed van Microsoft Inclusive Design in Visual Studio Code

Universeel of inclusief ontwerp is een nieuwe ontwerpfilosofie die Microsoft de laatste tijd serieus lijkt te nemen in de ontwikkeling van software. Inclusief ontwerp neemt toegankelijk ontwerp naar een hoger niveau, omdat het toegankelijkheid vanuit een veel breder perspectief bekijkt. Toen ik de nieuwe broncode-editor van Microsoft, Visual Studio Code, testte, kwam de vraag hoe ze de theorie in de praktijk implementeerden natuurlijk in mijn gedachten

(Technische en ontwerptips)