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.

Novità di Google Chrome 59

Dopo un lungo periodo di sviluppo, il browser Chrome di Google ha finalmente ottenuto l' aggiornamento per Chrome 59 . Ora disponibile sulla versione desktop di Chrome con le versioni Android e Chrome OS che seguono poco dopo, Chrome 59 porta con sé una combinazione di miglioramenti delle prestazioni e nuove funzionalità .E

(Consigli tecnici e di design)

10 idee regalo per i giocatori con meno di $ 10

Mentre non è necessariamente difficile ottenere un regalo per un giocatore, non si può negare che alcune delle opzioni regalo più popolari potrebbero diventare piuttosto costose .Se desideri offrire al tuo amico giocatore un regalo, ma hai un budget molto rigido da rispettare, ecco alcuni suggerimenti che puoi ottenere per meno di 10 USD. 1

(Consigli tecnici e di design)