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


Detecteren wanneer een muis het venster verlaat met Glio.js

Hoe vaak ga je een tabblad sluiten en zie je een modaal venster waarin je wordt gevraagd om te blijven ? Dit lijkt tegenwoordig heel gewoon en het is om één reden gedaan: het werkt!

U kunt een vergelijkbaar effect bouwen met de Glio.js-bibliotheek . Het is een gratis opensource-JS-script om te detecteren wanneer de muiscursor van de gebruiker dicht bij de rand komt of het browservenster verlaat .

Dit kan worden gebruikt om bezoekers op uw site te houden . Maar het kan ook worden gebruikt om dynamische effecten te creëren als de muis van de gebruiker ver naar een kant van het scherm gaat.

U zult veel van deze scripts met exit-intenties overal op het web vinden en de meeste zijn moeilijk aan te passen . Maar dat maakt Glio.js zo geweldig.

Het is een krachtige bibliotheek die u controle geeft over wat u doet met het scherm. Als de muis van uw gebruiker de browser verlaat, kunt u een modaal weergeven of de achtergrondkleur wijzigen of helemaal niets doen .

Het bevat ook ingebouwde hotspots die u kunt controleren wanneer de muis van de gebruiker dicht bij een van de vier hoeken van het scherm komt. U kunt ook de terugbelmethode definiëren en hoe dicht de cursor moet komen voordat u iets uitvoert.

Om Glio te gebruiken, download je gewoon een exemplaar van GitHub en installeer je het. U kunt ook een kopie van Bower, npm of rechtstreeks van een CDN halen .

Met het script op uw pagina voegt u deze regelcode toe (aangepast aan uw opties):

 glio.init ([richting, callback]); 

De direction kan elke hoek zijn (bijv. "Linksboven") of "boven", die de bovenkant van het scherm vertegenwoordigt. Uw callback-functie is de JS-code die u wilt uitvoeren wanneer de muis van de gebruiker te dichtbij komt. Met de andere optie kunt u de afstand vanaf de richtingspunt bepalen, u kunt de gerelateerde informatie op GitHub vinden.

Dus, als u op zoek bent naar een eenvoudig script om exit-intentie te detecteren, is Glio een onmisbaar hulpmiddel.

20 Creatief gebruik van Lego dat u moet zien

20 Creatief gebruik van Lego dat u moet zien

De wereld zal waarschijnlijk nooit de wonderen van Lego beu zijn, ook al doet het zeker pijn als je er eentje op doet. Pijnlijke voeten masseren opzij, het populaire stenen speelgoed blijft ons verbazen met de vele dingen die we ermee kunnen creëren, van megastructuren tot het bouwen van filmscènes.D

(Technische en ontwerptips)

David Rumsey Map Collection - De grootste online kaartdatabase waar je nog nooit van gehoord hebt

David Rumsey Map Collection - De grootste online kaartdatabase waar je nog nooit van gehoord hebt

Google Maps en GPS hebben het voor ons gemakkelijker dan ooit gemaakt om de wereld over te reizen op zoek naar nieuwe avonturen. Maar voordat al deze technologie ontstond, moedigen ontdekkingsreizigers nieuwe grenzen op met gedetailleerde kaarten die net zo aantrekkelijk zijn als onnauwkeurig.En geen andere plek op het internet geeft je toegang tot kaarten die historici, geografen en cartografen meer opgewonden maken dan de David Rumsey Map Collection

(Technische en ontwerptips)