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.

10 artilugios realmente inteligentes para aumentar la productividad

Últimamente, más y más innovaciones tecnológicamente avanzadas están tomando forma en los dispositivos de mano o móviles. Los teléfonos inteligentes no son los únicos dispositivos inteligentes que usamos en estos días. Tenemos el SmartWatch, Smart TV, autos inteligentes y más. Pero no todos los gadgets que llevan la etiqueta "inteligente", es realmente inteligente, solo significa que está conectado al teléfono inteligente a través de una aplicación o vía Bluetooth.Manteniéndolo

(Consejos de tecnología y diseño)

Google I / O 2017: lo que Google está planificando para la realidad virtual y AR

Después de centrarse en gran medida en las muchas funciones y servicios que llegarán al ecosistema de Google en 2017, Google ha tenido una segunda conferencia en I / O 2017 que se centra únicamente en dos temas: realidad virtual y realidad aumentada .Para esta nota clave de E / S 2017, Google se ha expandido hacia donde se dirigirán Daydream y Tango en el futuro cercano, y estos cambios son bastante significativos para las aspiraciones de VR / AR de la compañía. Sin

(Consejos de tecnología y diseño)