Oppdag når en mus forlater vinduet med Glio.js

Hvor mange ganger går du for å lukke en fane og legge merke til et modalt vindu som ber deg om å bli ? Dette virker vanlig i dag, og det er gjort av en grunn: det virker!

Du kan bygge en lignende effekt ved hjelp av Glio.js-biblioteket . Det er et gratis JS-skript med åpen kildekode for å oppdage når brukerens musemarkør kommer nær kanten eller når den forlater nettleservinduet .

Dette kan brukes til å prøve å holde besøkende på nettstedet ditt . Men det kan også brukes til å skape dynamiske effekter hvis brukerens mus går langt til den ene siden av skjermen.

Du finner mange av disse avviksskriptene over nettet, og de fleste av dem er tøffe å tilpasse . Men det er det som gjør Glio.js så bra.

Det er et kraftig bibliotek som gir deg kontroll over hva du gjør med skjermen. Hvis brukerens mus forlater nettleseren, kan du vise en modal, eller endre bakgrunnsfargen, eller gjør absolutt ingenting .

Det kommer også med innebygde hotspots som du kan sjekke når brukerens mus kommer nær noen av de fire hjørnene på skjermen. Du kan også definere tilbakeringingsmetoden og hvor nær markøren skal få før du kjører noe.

For å bruke Glio, bare last ned en kopi fra GitHub og få den installert. Du kan også trekke en kopi fra Bower, npm eller direkte fra en CDN .

Med skriptet på siden din, legger du bare til denne ene koden (tilpasset med alternativene dine):

 glio.init ([retning, tilbakeringing]); 

direction kan være et hvilket som helst hjørne (f.eks. "Øverst til venstre") eller "topp", som representerer toppen av skjermen. Tilbakeringingsfunksjonen er hva som helst JS-kode du vil kjøre når brukerens mus blir for nær. Et annet alternativ lar deg definere avstanden fra retningspunktet, du finner den relaterte informasjonen på GitHub.

Så, hvis du leter etter et enkelt skript for å oppdage avslutningsintensjonen, er Glio en må-ha-ressurs.

20 fonter for minimalistiske design

Nye prosjekter krever nye skrifttyper, ikke sant? Det er mange gratis skrifter som er ganske populære og kan ses nesten overalt på nettet, for eksempel i nye nettsider, bannere, flygeblad og så videre. Hvis du begynner å se Open Sans, Bebas, Raleway og Exo som brukes i nesten alle grafiske prosjekter som vises i disse dager, er det dags å sette deg bort fra resten med noen friske skriftvalg.Her

(Tekniske og design tips)

Slik øker du din Android Chrome Browser [QuickTip]

Når du bruker Android-versjonen av Google Chrome, har du sannsynligvis opplevd tiden når Chrome tar altfor mye tid å laste, eller krasjer ofte, eller virker trist når du ruller.Hvis du er vant til Chrome og ikke vil velge en annen nettleser for alle dine onlinebehov, er det et quicktip for å øke hastigheten på Android Chrome-nettleseren din . Ved å

(Tekniske og design tips)