webguild - українська IT-спільнота 🇺🇦

⚡️ OpenAI запустили власну пошукову систему ChatGPT Search Звичного списку сайтів, реклами та іншого сміття в ньому немає — пошуковик дає осмислену відповідь на будь-яке запитання, за необхідності доповнивши його картинкою та посиланням з актуальною інформацією. Щоб остаточно добити Google, після анонсом пошуковика, OpenAI випустили ще й розширення для Chrome, яке змінює пошукову систему браузера на ChatGPT search. Поки працює для платних підписників, але найближчими місяцями викотять для всіх. • Детальніше • Спробувати • Розширення webguild 🇺🇦 › #dailyAI

😨 Broadcast Channel API - засіб для передачі даних між різними контекстами браузингу Контекстом браузингу може бути iframe, вкладка або навіть окреме вікно. Головна вимога - вони мають використовувати однаковий протокол (http/https), однаковий домен/адресу і однаковий порт. Broadcast Channel API дозволяє цим контекстам обмінюватися даними між собою, створюючи іменовані канали, публікуючи в них повідомлення та додаючи обробники подій на надходження нових повідомлень 🥁 Детальніше webguild 🇺🇦 › #learnJS

CSS Glass Reflection Effect — 3D картка з дзеркальним ефектом 😍 Технології: HTML, CSS, JS webguild 🇺🇦 › #projects 👇Код доступний за кнопкою 👇

😊 webguild 🇺🇦 › #memes

👥 Web Share API - та сама кнопка "Поділитися" Це API дозволяє використовувати вбудовані в ОС механізми для обміну контентом. Потрібно лише огорнути потрібні дані в об'єкт, який міститиме заголовок, основний текст і посилання. До того ж, АРІ асинхронне, що виключає ризики зависання сайту під час пересилання нових постів WebGuild усім своїм контактам 🧃 Може бути корисним всюди, де є потреба у розповсюджені певної інформації на різні платформи 🔔 Детальніше webguild 🇺🇦 › #learnJS

Дія — один із найкращих винаходів світу, за версією TIME Щороку TIME обирає 200 винаходів, як змінюють світ. Дія потрапила до TIME Best Inventions 2024 у категорії Застосунки та програмне забезпечення.  Нагороду отримали за Шлюб онлайн, перший у світі повністю цифровий процес одруження.  Це круте визнання нашого продукту. Цю нагороду отримували OpenAI GPT-4, Zoom, Duolingo, а тепер у рейтингу – наша українська Дія.  Вдячний команді, яка працює 24/7, щоб досягати таких результатів, і, звісно, користувачам. Ви — драйвери трансформації, підтримуєте наші ідеї, користуєтесь послугами, робите про них меми, показуєте Дію іноземцям. Ви постійно даєте фідбек, не завжди позитивний, критичний, і це правильно, адже ми завжди вас слухаємо, щоб ставати краще. Ми змінюємо і змінюємося, щоб побудувати Україну, якою б пишався увесь світ. Дякую!

Neon Sunrise 🌞 Технології: HTML, CSS, JS webguild 🇺🇦 › #projects 👇Код доступний за кнопкою 👇

Макет для практики 📱 Складність: висока Посилання webguild 🇺🇦 › #uiux #figma

🔧 flatMap() - Метод для комплексного приведення багатовимірного масиву до одномірного Якщо звичайний map() дозволяє утворити новий масив зі старого за допомогою колбеку, а звичайний flat() просто збирає всі значення багатовимірного масиву в одномірний, то flatMap() неочікувано поєднує ці дві дії в одну: новий одновимірний масив утворюється за допомогою колбеку із багатовимірного масиву. Якщо вкладати flatMap один в одного, можна звести до одновимірного масиву практично будь-яку структуру 🤔 Може бути корисним для обробки даних з API або в інших випадках з комплексними структурами об'єктів ⚰️ Детальніше webguild 🇺🇦 › #learnJS

⚡️ Представлено новий Apple iMac на M4 та функціями ШІ Apple Intelligence, а також клавіатура та миша на Type-C. Базова версія iMac тепер має 16 ГБ ОЗП, є версія на 32 ОЗП/1 ТБ SSD. Із поганих новин, зарядний порт миші все ще знизу. 🤗 У продаж пристрій надійде 8 листопада з ціною від 1300$ (для ринку США) webguild 🇺🇦 › #news #apple

🤭 webguild 🇺🇦 › #memes

🤔 Intl.Segmenter - Об'єкт для розбиття тексту на слова, речення та графеми з урахуванням локалізації На відміну від звичайного

const result = text.split(" ");

методи об'єкта Intl.Segmenter враховують особливості конкретної мови, в тому числі таких складних випадків як Японська, де в реченні "吾輩は猫である。名前はたぬき。" словом є "吾輩" 😱 До того ж, в результаті сегментації отримується не просто масив рядків, а масив об'єктів, де у вигляді властивостей представлені сам сегмент рядком, індекс його входження, оригінальний текст який було сегментовано, а також чи є сегмент словом (isWordLike, знадобиться для фільтрування, наприклад, розділових знаків) 🕵️‍♂️ Детальніше webguild 🇺🇦 › #learnJS

Animated Social Links — анімація при наведенні на іконки соціальних мереж ❤️ Технології: HTML, CSS webguild 🇺🇦 › #projects 👇Код доступний за кнопкою 👇

🍪🍪 Clipboard API - JavaScript API для роботи з буфером обміну Це API надає методи для збереження даних в буфер обміну, і навпаки - для зчитування. Є можливість копіювати та зчитувати не лише текст, а і зображення або HTML. Також ці методи асинхронні, що запобігає проблемам у роботі сайту при копіюванні або вставці великого обсягу даних 🗒 В порівнянні із застарілим

document.execCommand("copy");

перевагою Clipboard API також є безпечність: перед вставкою браузер спершу запитає в користувача дозвіл на роботу із буфером обміну, в той час як із старими методами браузери могли просто відмовитись працювати взагалі 👦 Детальніше webguild 🇺🇦 › #learnJS

🎉 WebStorm i Rider - потужні IDE від JetBrains - тепер офіційно безкоштовні для некомерційного використання! Про це представники компанії повідомили в цьому пості на офіційному блозі JetBrains 🍷 WebStorm - одне з найкращих IDE для веб-розробки на різноманітних платформах, що широко використовується в колі професійних розробників та включає в себе багато корисних та зручних функцій, які вже майже стали візитівкою JetBrains, такі як продвинутий інструментарій для аналізу коду, рефакторингу, інтеграція з Git, Docker, джерелами даних, гнучка конфігурація, велика екосистема плагінів тощо. Тепер у Visual Studio Code дійсно серйозний конкурент на ринку безкоштовних редакторів коду та середовищ розробки 👊 webguild 🇺🇦 › #news

Що у вас тут відбувається? 😠 webguild 🇺🇦 › #memes

Файл з 100+ готовими градієнтами для ваших проектів ✍️ Посилання webguild 🇺🇦 › #resources

Split 3D Carousel — карусель зображень з 3D анімацією 😍 Технології: HTML, CSS, JS webguild 🇺🇦 › #projects 👇Код доступний за кнопкою 👇

Продовжуємо рубрику нестандартних методів вводу 🔫 webguild 🇺🇦 › #memes