Detecta cuando un mouse sale de la ventana con Glio.js

¿Cuántas veces cierra una pestaña y observa una ventana modal que le pide que se quede ? Esto parece un lugar común hoy en día y se hace por una razón: ¡funciona!

Puede generar un efecto similar utilizando la biblioteca Glio.js. Es una secuencia de comandos JS de fuente abierta para detectar cuándo el cursor del mouse del usuario se acerca al borde o cuando sale de la ventana del navegador .

Esto se puede usar para tratar de mantener a los visitantes en su sitio . Pero también se puede usar para crear efectos dinámicos si el mouse del usuario va muy lejos a un lado de la pantalla.

Encontrará muchos de estos scripts de intención de salida en toda la web y la mayoría de ellos son difíciles de personalizar . Pero eso es lo que hace que Glio.js sea tan genial.

Es una poderosa biblioteca que le da control sobre lo que hace con la pantalla. Si el mouse de su usuario sale del navegador, puede mostrar un modal, o cambiar el color de fondo, o no hacer absolutamente nada .

También viene con puntos calientes integrados que puedes verificar cada vez que el mouse del usuario se acerca a cualquiera de las cuatro esquinas de la pantalla. También puede definir el método de devolución de llamada y qué tan cerca debe estar el cursor antes de ejecutar cualquier cosa.

Para usar Glio, simplemente descargue una copia de GitHub y hágalo instalar. También puede obtener una copia de Bower, npm o directamente de un CDN .

Con el script en su página, simplemente agregue esta línea de código (personalizada con sus opciones):

 glio.init ([dirección, devolución de llamada]); 

La opción de direction puede ser cualquier esquina (por ejemplo, "arriba a la izquierda") o "arriba", que representa la parte superior de la pantalla. Su función de devolución de llamada es cualquier código JS que desee ejecutar cuando el mouse del usuario se acerca demasiado. Otra opción le permite definir la distancia desde el punto de dirección, puede encontrar la información relacionada en GitHub.

Por lo tanto, si busca un script simple para detectar el intento de salida, Glio es un recurso imprescindible.

Fotografía de levitación: 65 impresionantes ejemplos y tutoriales

Muchos dicen que flota en el aire, o la llamada levitación es imposible. Bueno, de hecho todo es posible, todo lo que tienes que hacer es creer en ti mismo, en serio, ¡creer que puedes lograrlo! Y uh, cree que el Photoshop puede ayudarte a lograrlo. De acuerdo, estoy hablando de lograr la levitación con la ayuda de una herramienta de trucos como Photoshop.Se

(Consejos de tecnología y diseño)

10 sitios de escritura útiles para escritores de ficción

Su proceso creativo como escritor de ficción puede diferir de los de sus pares, pero una cosa es segura: todos ustedes luchan con los mismos problemas básicos.Por ejemplo, ¿cómo vences al bloqueo del escritor? ¿Cómo se desarrolla el hábito de escribir todos los días? ¿Cómo realizas los detalles más finos para tu última novela histórica? ¿Cómo haces

(Consejos de tecnología y diseño)