"Офіс Vodafone у Києві, а також офіс Nokia в Гельсінкі зідзвонились за допомогою 5G і перевірили якість звʼязку. Все працює 🤘"
Зараз 5G працює в понад 90 країнах світу. Європейський Союз планує покрити 5G територію всіх міст та основних шляхів до 2025 року.
webguild 🇺🇦 › #news
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16❤6⚡3🥰3🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Login/signup form animation — анімована форма реєстрації/входу 🥰
Технології:👩💻 👩💻 👩💻
👇Код доступний за кнопкою 👇
webguild 🇺🇦 › #projects
Технології:
👇Код доступний за кнопкою 👇
webguild 🇺🇦 › #projects
Please open Telegram to view this post
VIEW IN TELEGRAM
👍42❤21🔥7👨💻4👌3🌚3🤝1
This media is not supported in your browser
VIEW IN TELEGRAM
Невелика підбірка анімацій для кнопок 😍
Технології:👩💻 👩💻 👩💻
👇Код доступний за кнопкою 👇
webguild 🇺🇦 › #projects
Технології:
👇Код доступний за кнопкою 👇
webguild 🇺🇦 › #projects
Please open Telegram to view this post
VIEW IN TELEGRAM
❤29👍10❤🔥3💅3👨💻2🦄2
This media is not supported in your browser
VIEW IN TELEGRAM
Toggled Radial Buttons — анімоване кругове меню з соціальними мережами 😎
Технології:👩💻 👩💻 👩💻
👇Код доступний за кнопкою 👇
webguild 🇺🇦 › #projects
Технології:
👇Код доступний за кнопкою 👇
webguild 🇺🇦 › #projects
Please open Telegram to view this post
VIEW IN TELEGRAM
👍42❤11🆒6🍓3🤝2
Screen Wake Lock дозволяє веб-додаткам запобігати вимкненню (затемнення/блокування) екрану пристрою. Це корисно для сайтів, де потрібно постійно бачити екран, наприклад, під час використання навігаційних систем.
Браузерна підтримка (тиць):
Використання API дуже просте. Ось приклад коду:
// The wake lock sentinel.
let wakeLock = null;
// Function that attempts to request a screen wake lock.
const requestWakeLock = async () => {
try {
wakeLock = await navigator.wakeLock.request();
wakeLock.addEventListener('release', () => {
console.log('Screen Wake Lock released:', wakeLock.released);
});
console.log('Screen Wake Lock released:', wakeLock.released);
} catch (err) {
console.error(`${err.name}, ${err.message}`);
}
};
// Request a screen wake lock…
await requestWakeLock();
// …and release it again after 5s.
window.setTimeout(() => {
wakeLock.release();
wakeLock = null;
}, 5000);
Детальніше: W3 | MDN | Chrome for Developers
webguild 🇺🇦 › #learnJS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍31😍15❤13🔥3✍2👎1👌1🌚1
Please open Telegram to view this post
VIEW IN TELEGRAM
🤣107👍7🔥6❤🔥4👌4🤩2❤1👎1😁1👀1
Media is too big
VIEW IN TELEGRAM
Анімована карусель зображень (GSAP Draggable & Inertia Snap) 😎
Технології:👩💻 👩💻 👩💻
👇Код доступний за кнопкою 👇
webguild 🇺🇦 › #projects
Технології:
👇Код доступний за кнопкою 👇
webguild 🇺🇦 › #projects
Please open Telegram to view this post
VIEW IN TELEGRAM
👍23❤9👌3💋1🤗1💅1👾1
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍18❤3❤🔥2⚡1🔥1🍓1🤗1
Media is too big
VIEW IN TELEGRAM
The earth... is a lamp! — лампа у вигляді земної кулі, реалізована на ThreeJS 🌎
Технології:👩💻 👩💻 👩💻
👇Код доступний за кнопкою 👇
webguild 🇺🇦 › #projects
Технології:
👇Код доступний за кнопкою 👇
webguild 🇺🇦 › #projects
Please open Telegram to view this post
VIEW IN TELEGRAM
👍26❤8🔥5👏3👌2👀2👎1🤔1
Please open Telegram to view this post
VIEW IN TELEGRAM
😁29🤣10👍5❤2👨💻2👀1
Media is too big
VIEW IN TELEGRAM
Neuro Noise (GLSL Shader) — інтерактивний фон 😍
Технології:👩💻 👩💻 👩💻
👇Код доступний за кнопкою 👇
webguild 🇺🇦 › #projects
Технології:
👇Код доступний за кнопкою 👇
webguild 🇺🇦 › #projects
Please open Telegram to view this post
VIEW IN TELEGRAM
👌23❤9👍9🔥5🤯4👨💻3
This media is not supported in your browser
VIEW IN TELEGRAM
magicui — безкоштовна бібліотека анімованих компонентів, реалізованих на React, Typescript, Tailwind CSS, Framer Motion.
Посилання
webguild 🇺🇦 › #resources
Посилання
webguild 🇺🇦 › #resources
❤35👍15💋2😈1👾1