Rileva quando un mouse lascia la finestra con Glio.js

Quante volte vai a chiudere una scheda e noti una finestra modale che ti chiede di rimanere ? Al giorno d'oggi questo sembra normale e viene fatto per una ragione: funziona!

Puoi creare un effetto simile usando la libreria Glio.js. È uno script JS open source gratuito per rilevare quando il cursore del mouse dell'utente si avvicina al bordo o quando lascia la finestra del browser .

Questo può essere usato per cercare di mantenere i visitatori sul tuo sito . Ma può anche essere usato per creare effetti dinamici se il mouse dell'utente va lontano da un lato dello schermo.

Troverai molti script di questo tipo in tutto il web e molti di questi sono difficili da personalizzare . Ma questo è ciò che rende Glio.js così eccezionale.

È una potente libreria che ti dà il controllo su ciò che fai con lo schermo. Se il mouse dell'utente lascia il browser, puoi visualizzare una modale o cambiare il colore di sfondo o fare assolutamente nulla .

Inoltre è dotato di hot spot incorporati che è possibile verificare ogni volta che il mouse dell'utente si avvicina a uno qualsiasi dei quattro angoli dello schermo. È anche possibile definire il metodo di callback e la distanza di chiusura del cursore prima di eseguire qualsiasi cosa.

Per usare Glio, basta scaricare una copia da GitHub e installarla. Puoi anche estrarre una copia da Bower, npm o direttamente da un CDN .

Con lo script nella tua pagina, aggiungi questa riga di codice (personalizzata con le tue opzioni):

 glio.init ([direction, callback]); 

L'opzione di direction può essere qualsiasi angolo (ad esempio "in alto a sinistra") o "in alto", che rappresenta la parte superiore dello schermo. La tua funzione di callback è qualunque sia il codice JS che vuoi eseguire quando il mouse dell'utente si avvicina troppo. Un'altra opzione ti consente di definire la distanza dal punto di direzione, puoi trovare le informazioni relative su GitHub.

Quindi, se stai cercando uno script semplice per rilevare l'intento di uscita, Glio è una risorsa indispensabile.

A Look Into: Fonts utilizzati nei loghi di marchi popolari

Ti ritrovi a fissare il logo di un altro designer e cerchi immediatamente di decifrare quale carattere tipografico stanno utilizzando? Se sei un designer, è probabilmente un'abitudine inevitabile. Non ci sono regole rigide per aiutarti a determinare su quale tipo di carattere devi atterrare per il tuo logo.

(Consigli tecnici e di design)

15 consigli e trucchi per sfruttare al massimo Google Play Store

Non solo ci sono grandi app e widget trovati su Google Play Store, ma ci sono anche molti consigli e trucchi che potresti non sapere. Il negozio non è solo per te per scorrere attraverso elenchi e elenchi di app e recensioni per scaricare un'app per passare il tempo. In realtà ha alcune impostazioni e configurazioni che possono aiutarti a gestire meglio i download, le scelte, gli acquisti e persino i tuoi dispositivi .I

(Consigli tecnici e di design)