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.

Opprett animerte diagrammer med Googles data GIF Maker

Datakart er ikke akkurat de mest interessante tingene å se på, spesielt de som er fulle av data. Hvis du oppdager at standarddatakartet ikke klarer å holde oppmerksomheten din, har Google et nytt verktøy som kan være i stand til å fikse det. Det kalles Data Gif Maker, som kan gjøre datasettene dine til en fullt animert Gifs .Logikk

(Tekniske og design tips)

30 økonomiske hack du bør vite

Hvis du kan hacke din tech liv og flytur, kan du hack din økonomi også . Selv om vi ikke har økonomiske hack som kan legge til penger på bankkontoen din (tro på oss, så vi), har vi mange tips som kan bidra til å stoppe pengene lekkasjer, noe som nesten er ganske sånn.Du vil sikkert vite noen av disse økonomiske hackene. På samm

(Tekniske og design tips)