es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


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.

8 herramientas para personalizar tu Windows 10

8 herramientas para personalizar tu Windows 10

Windows 10 ofrece muchas opciones de personalización, pero son difíciles de acceder o requieren retoques con el registro de Windows . Afortunadamente, hay muchas herramientas de terceros que pueden facilitar la personalización de Windows 10 con solo unos pocos clics.En la publicación de hoy, enumeraremos 8 herramientas que puede usar para personalizar Windows 10 de acuerdo con su gusto . Si

(Consejos de tecnología y diseño)

8 componentes de AMP para la integración de redes sociales

8 componentes de AMP para la integración de redes sociales

El conflicto más grande que el estándar web móvil de Google, Accelerated Mobile Pages necesita resolver, hace que los sitios móviles sean más rápidos, a la vez que los mantiene funcionales y ricos en contenido . En estos días, difícilmente se puede imaginar un contenido rico y atractivo sin incrustaciones de sitios de redes sociales populares: tweets, videos, audios, publicaciones, fotos.Los com

(Consejos de tecnología y diseño)