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 WordPress-kortkoder og plugger du kanskje vil prøve

Hvis du ikke er kjent med kortkoder, er en kortkode en WordPress-spesifikk kode som lar deg lage kreative ting med skript og kode. Siden du ikke trenger å fylle dine innlegg og sider med lange stygge koder, blir de kondensert til bare én linje med kode - en kortkode.I et nøtteskall er en snarvei i utgangspunktet en snarvei til et langt skript eller stykke kode. S

(Tekniske og design tips)

5 overtro i design som klienter tror på

Folk er utrolig selvsikker. Vi tillater oss å tro på mange ting som ikke er sanne, bare fordi de får oss til å føle oss bedre eller oppfylle et behov vi har. Og mange andre mennesker elsker å dra nytte av dette faktumet. Fra annonsører til arbeidsgivere til politikere, er det en uendelig strøm av folk som vil fortelle oss akkurat hva vi vil høre .Dette, s

(Tekniske og design tips)