Skip to content

Instantly share code, notes, and snippets.

View freakingeek's full-sized avatar
🚀
On the way to becoming an entrepreneur ...

Yasin Silavi freakingeek

🚀
On the way to becoming an entrepreneur ...
View GitHub Profile
body {
margin: 0;
background-color: #202023;
}
@freakingeek
freakingeek / sendLog.js
Created March 22, 2022 09:12
Send request to the server without headers
document.addEventListener('visibilitychange', () => {
if (document.visibilityState === 'hidden') {
navigator.sendBeacon('/log', analyticsData);
}
});
// Source: https://developer.mozilla.org/en-US/docs/Web/API/Navigator/sendBeacon
@freakingeek
freakingeek / style.scss
Created March 22, 2022 09:08
Dark mode with just two CSS property!
html {
filter: invert(1) hue-rotate(180deg);
img, picture, video {
filter: invert(1) hue-rotate(180deg);
}
}
// Also, you can have an invert class
@freakingeek
freakingeek / visibilitychange event.js
Last active March 4, 2022 09:06 — forked from mhmda-83/visibilitychange event.js
check how much time user spend out of website
let interval, timer = 0;
document.addEventListener('visibilitychange', () => {
if (document.visibilityState === 'visible') {
alert(timer);
clearInterval(interval);
timer = 0;
} else {
interval = setInterval(() => timer++, 1000);
}