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

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

@webguild


Посилання на канал: @webguild
Співпраця: @johngaltua

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

Друзі, раді вітати вас на нашому каналі 'webguild - українська IT-спільнота'! Як вже зрозуміло з назви, ми є спільнотою українських IT-фахівців, які об'єднані спільною ціллю - розвиток та підтримка IT-галузі в Україні. Наш канал створений для того, щоб ділитися корисною інформацією, новинами та можливостями у сфері IT, а також для обговорення тем, які цікаві нашій спільноті. Тут ви знайдете свіжі новини з галузі IT, поради від професіоналів, та можливість обговорити актуальні питання. Ми завжди відкриті до співпраці та нових ідей, тому не соромтесь писати нам чи звертатися за допомогою до адміністратора каналу. Приєднуйтесь до 'webguild - української IT-спільноти' на Telegram, долучайтеся до обговорень та розвивайтесь разом з нами! Посилання на канал: @webguild Співпраця: @johngaltua

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

13 Nov, 13:25


З'явилися розширені системні вимоги S.T.A.L.K.E.R. 2.

Для комфортної гри в 60 FPS знадобиться як мінімум RTX 4060 😂


webguild 🇺🇦 › #news

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

12 Nov, 17:27


Three.js Saturn — неймовірна 3D анімація, реалізована за допомогою ThreeJS 🪐

Технології: 👩‍💻 👩‍💻 👩‍💻

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

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

12 Nov, 15:27


Пу-пу-пу... 😢

webguild 🇺🇦

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

11 Nov, 16:29


Glowy hover effect — ефект світіння при наведенні на картку ❤️

Технології: 👩‍💻 👩‍💻 👩‍💻

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

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

11 Nov, 14:08


Трішки магії ThreeJS вам у стрічку 🥰

Технології: 👩‍💻 👩‍💻 👩‍💻

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

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

10 Nov, 15:52




webguild 🇺🇦 › #memes

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

10 Nov, 12:49


Новий процесор AMD Ryzen 7 9800X3D розігнали до 6,9 ГГц. 😳

Результат вражає:
— У CS2 вдалося досягти 1262 FPS.
— у Valorant — 2000 кадрів за секунду.

При цьому чіп споживав лише 100Вт. Тестування проводилося разом із відеокартою RTX 4090.

webguild 🇺🇦 › #news

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

09 Nov, 14:50


Продовжуємо рубрику нестандартних методів вводу ⌨️

webguild 🇺🇦 › #memes

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

08 Nov, 16:00


Responsive Image Slider — мінімалістичний адаптивний слайдер 😊

Технології: 👩‍💻 👩‍💻 👩‍💻

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

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

08 Nov, 12:56


Coolors.co — інструмент для роботи з палітрами кольорів.

Серед функціоналу не лише хороші реалізації генерації палітр та зручний експорт, але й також розширене редагування і корегування палітр, демонстрація вигляду палітри на готових прикладах дизайну, власні колекції палітр та багато іншого 😮

Посилання

webguild 🇺🇦 › #resources

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

07 Nov, 15:57


🍷Менторство WebGuild - перший набір на Frontend!

У програму включені всі основні теми та інструменти, що знадобляться для роботи Junior Frontend розробником (HTML, CSS, JS, Node, React, Git... 👀). У вивченні всіх цих інструментів і тем допомагатимуть наші ментори, надаючи підтримку у вирішенні проблем, підказки, направлення та за потреби пояснення і корисні матеріали 🙄

Місця обмежені, по всіх питаннях, уточненнях, вартості та запису звертайтеся сюди 👦

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

07 Nov, 14:02


Макет для практики 📱

Складність: легка

Посилання

webguild 🇺🇦 › #uiux #figma

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

06 Nov, 16:17


3D Social Media Button — кнопки соціальних мереж з 3D ефектом при наведенні 😍

Технології: 👩‍💻 👩‍💻

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

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

06 Nov, 14:08


⚡️ Google представили новий освітній інструмент на основі штучного інтелекту під назвою "Learn About"

Вводите тему, питання чи предмет для вивчення – отримуєте інтерактивний та адаптивний матеріал із наочними таблицями.
На відміну від традиційних методів, де інформація подається статично, ця платформа пропонує персоналізоване та інтерактивне навчання, працюючи як віртуальний репетитор.


Посилання (Вмикайте VPN на США)

webguild 🇺🇦 › #dailyAI

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

05 Nov, 16:51


Space 404 (pure CSS) — мінімалістична анімація сторінки 404 ❤️

Технології: 👩‍💻 👩‍💻

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

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

05 Nov, 11:30


Знає хто, де можна замовити?

webguild 🇺🇦 › #memes

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

04 Nov, 15:16


Crossy Road Game — гра, реалізована за допомогою ThreeJS 🦆

Технології: 👩‍💻 👩‍💻 👩‍💻

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

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

04 Nov, 12:56


CSS.gg — це бібліотека з понад 700 безкоштовних іконок у форматах SVG, CSS і TSX які можна налаштовувати під будь-який проєкт.
Зручно для дизайнерів і розробників, яким потрібні стильні й легкі елементи для інтерфейсу 🥰

Посилання

webguild 🇺🇦 › #resources

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

03 Nov, 16:19


😆

webguild 🇺🇦 › #memes

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

03 Nov, 12:45


Макет для практики 📱

Складність: висока

Посилання

webguild 🇺🇦 › #uiux #figma

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

02 Nov, 16:01


🎰 caretPositionFromPoint() - Метод document для отримання інформації про натиснутий текст та елемент

В якості аргументів функція приймає координати точки, та повертає об'єкт позиції, який містить в собі елемент, по якому відбулося натискання (в тому числі якщо це текстовий вузол!), а також індекс символа в тексті в цьому елементі, по якому відбулося натискання 👇

Може бути корисним в складних текстових редакторах, іграх тощо 🧃

Детальніше

webguild 🇺🇦 › #learnJS

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

02 Nov, 12:41


20 ізометричних ілюстрацій у стилі коміксів 🥰

Посилання

webguild 🇺🇦 › #resources

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

01 Nov, 16:36


3D Gamer Room — 3D-сцена кімнати, реалізована за допомогою чистого CSS 😱

Технології: 👩‍💻 👩‍💻 👩‍💻

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

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

01 Nov, 15:09


⚡️ OpenAI запустили власну пошукову систему ChatGPT Search

Звичного списку сайтів, реклами та іншого сміття в ньому немає — пошуковик дає осмислену відповідь на будь-яке запитання, за необхідності доповнивши його картинкою та посиланням з актуальною інформацією.

Щоб остаточно добити Google, після анонсом пошуковика, OpenAI випустили ще й розширення для Chrome, яке змінює пошукову систему браузера на ChatGPT search.

Поки працює для платних підписників, але найближчими місяцями викотять для всіх.

• Детальніше
• Спробувати
• Розширення

webguild 🇺🇦 › #dailyAI

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

31 Oct, 15:41


😨 Broadcast Channel API - засіб для передачі даних між різними контекстами браузингу

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

Детальніше

webguild 🇺🇦 › #learnJS

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

31 Oct, 15:01


CSS Glass Reflection Effect — 3D картка з дзеркальним ефектом 😍❤️

Технології: 👩‍💻 👩‍💻 👩‍💻

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

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

31 Oct, 13:25


😊

webguild 🇺🇦 › #memes

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

31 Oct, 12:47


👥 Web Share API - та сама кнопка "Поділитися"

Це API дозволяє використовувати вбудовані в ОС механізми для обміну контентом. Потрібно лише огорнути потрібні дані в об'єкт, який міститиме заголовок, основний текст і посилання. До того ж, АРІ асинхронне, що виключає ризики зависання сайту під час пересилання нових постів WebGuild усім своїм контактам 🧃

Може бути корисним всюди, де є потреба у розповсюджені певної інформації на різні платформи 🔔

Детальніше

webguild 🇺🇦 › #learnJS

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

30 Oct, 17:19


Дія — один із найкращих винаходів світу, за версією TIME

Щороку TIME обирає 200 винаходів, як змінюють світ. Дія потрапила до TIME Best Inventions 2024 у категорії Застосунки та програмне забезпечення. 

Нагороду отримали за Шлюб онлайн, перший у світі повністю цифровий процес одруження. 

Це круте визнання нашого продукту. Цю нагороду отримували OpenAI GPT-4, Zoom, Duolingo, а тепер у рейтингу – наша українська Дія. 

Вдячний команді, яка працює 24/7, щоб досягати таких результатів, і, звісно, користувачам. Ви — драйвери трансформації, підтримуєте наші ідеї, користуєтесь послугами, робите про них меми, показуєте Дію іноземцям. Ви постійно даєте фідбек, не завжди позитивний, критичний, і це правильно, адже ми завжди вас слухаємо, щоб ставати краще.

Ми змінюємо і змінюємося, щоб побудувати Україну, якою б пишався увесь світ. Дякую!

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

30 Oct, 15:12


Neon Sunrise 🌞

Технології: 👩‍💻 👩‍💻 👩‍💻

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

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

30 Oct, 13:13


Макет для практики 📱

Складність: висока

Посилання

webguild 🇺🇦 › #uiux #figma

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

29 Oct, 16:06


🔧 flatMap() - Метод для комплексного приведення багатовимірного масиву до одномірного

Якщо звичайний map() дозволяє утворити новий масив зі старого за допомогою колбеку, а звичайний flat() просто збирає всі значення багатовимірного масиву в одномірний, то flatMap() неочікувано поєднує ці дві дії в одну: новий одновимірний масив утворюється за допомогою колбеку із багатовимірного масиву. Якщо вкладати flatMap один в одного, можна звести до одновимірного масиву практично будь-яку структуру 🤔

Може бути корисним для обробки даних з API або в інших випадках з комплексними структурами об'єктів ⚰️

Детальніше

webguild 🇺🇦 › #learnJS

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

29 Oct, 14:39


⚡️ Представлено новий Apple iMac на M4 та функціями ШІ Apple Intelligence, а також клавіатура та миша на Type-C.

Базова версія iMac тепер має 16 ГБ ОЗП, є версія на 32 ОЗП/1 ТБ SSD.

Із поганих новин, зарядний порт миші все ще знизу. 🤗

У продаж пристрій надійде 8 листопада з ціною від 1300$ (для ринку США)

webguild 🇺🇦 › #news #apple

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

29 Oct, 13:56


🤭

webguild 🇺🇦 › #memes

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

28 Oct, 16:16


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

На відміну від звичайного
const result = text.split(" ");

методи об'єкта Intl.Segmenter враховують особливості конкретної мови, в тому числі таких складних випадків як Японська, де в реченні "吾輩は猫である。名前はたぬき。" словом є "吾輩" 😱

До того ж, в результаті сегментації отримується не просто масив рядків, а масив об'єктів, де у вигляді властивостей представлені сам сегмент рядком, індекс його входження, оригінальний текст який було сегментовано, а також чи є сегмент словом (isWordLike, знадобиться для фільтрування, наприклад, розділових знаків) 🕵️‍♂️

Детальніше

webguild 🇺🇦 › #learnJS

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

28 Oct, 15:19


Animated Social Links — анімація при наведенні на іконки соціальних мереж ❤️

Технології: 👩‍💻 👩‍💻

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

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

27 Oct, 14:35


🍪🍪 Clipboard API - JavaScript API для роботи з буфером обміну

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

В порівнянні із застарілим
document.execCommand("copy");

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

Детальніше

webguild 🇺🇦 › #learnJS

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

27 Oct, 09:50


🎉 WebStorm i Rider - потужні IDE від JetBrains - тепер офіційно безкоштовні для некомерційного використання!

Про це представники компанії повідомили в цьому пості на офіційному блозі JetBrains 🍷

WebStorm - одне з найкращих IDE для веб-розробки на різноманітних платформах, що широко використовується в колі професійних розробників та включає в себе багато корисних та зручних функцій, які вже майже стали візитівкою JetBrains, такі як продвинутий інструментарій для аналізу коду, рефакторингу, інтеграція з Git, Docker, джерелами даних, гнучка конфігурація, велика екосистема плагінів тощо.

Тепер у Visual Studio Code дійсно серйозний конкурент на ринку безкоштовних редакторів коду та середовищ розробки 👊

webguild 🇺🇦 › #news

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

24 Oct, 15:25


3D Room - Pure CSS Art 🐱

Технології: 👩‍💻 👩‍💻 👩‍💻

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

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

24 Oct, 13:50


Просто ai-асистент на базі Claude зайшов до ChatGPT і підтвердив, що він людина 🤢😳

webguild 🇺🇦 › #dailyAI

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

23 Oct, 15:05


😕😕

webguild 🇺🇦 › #memes

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

23 Oct, 13:37


Parallax.js — захоплююча анімація з ефектом паралаксу 😳

Технології: 👩‍💻 👩‍💻 👩‍💻

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

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

22 Oct, 16:19


freepublicapis.com — бібліотека безкоштовних API для ваших проєктів.

База даних оновлюється щодня. Усім API присвоюються бали за надійність та частоту помилок.

Посилання

webguild 🇺🇦 › #resources

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

22 Oct, 11:46


😁😁

webguild 🇺🇦 › #memes

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

21 Oct, 15:58


3D Image Slider — анімований 3D слайдер, реалізований за допомогою JavaScript ❤️

Технології: 👩‍💻 👩‍💻 👩‍💻

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

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

21 Oct, 12:54


Макет для практики 📱

Складність: висока

Посилання

webguild 🇺🇦 › #uiux #figma

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

20 Oct, 12:02


3D particles — анімація часток, реалізована за допомогою JavaScript ❤️

Технології: 👩‍💻 👩‍💻 👩‍💻

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

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

19 Oct, 16:07


😁😁

webguild 🇺🇦 › #memes

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

19 Oct, 11:53


В чому різниця між чекбоксами і радіокнопками?

Чекбокси (Checkboxes):

Множинний вибір: Чекбокси дозволяють вибрати одразу кілька опцій. Користувач може вибрати одну, кілька або жодної опції.

Вигляд: Це маленькі квадратні кнопки, які можуть бути відмічені або не відмічені галочкою.

Використання: Підходять, коли можна вибрати кілька значень одночасно. Наприклад, вибір кількох інтересів або опцій у налаштуваннях.

Радіокнопки (Radio Buttons):

Один вибір: Радіокнопки дозволяють вибрати тільки одну опцію з запропонованого набору. Якщо вибрана одна опція, інші автоматично стають неактивними.

Вигляд: Це круглі кнопки, всередині яких з'являється точка при виборі.

Використання: Застосовуються, коли необхідно вибрати лише одне значення з кількох можливих. Наприклад, вибір статі, режиму роботи або одного з варіантів доставки.

webguild 🇺🇦 › #uiux

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

18 Oct, 15:27


Показали одразу 9 хвилин геймплею S.T.A.L.K.E.R. 2. ❤️

webguild 🇺🇦 › #news #gamedev

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

18 Oct, 14:46


Octopus — цікавий ефект слідування за курсором 🐙

Технології: 👩‍💻 👩‍💻 👩‍💻

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

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

17 Oct, 15:45


🎮 Razer випустили вібронакладку на крісло для повного занурення в іграх — Razer Freyja.

Тепер можна не тільки бачити, як тебе вбивають, а й відчувати це своєю спиною та 🍑

Razer Freyja вже доступна для замовлення. Аксесуар коштує $299.

webguild 🇺🇦 › #news

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

17 Oct, 13:52


Нейромережа оживила легендарний мем — результат перевершив усі очікування

webguild 🇺🇦 › #memes #dailyAI

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

16 Oct, 16:11


Personal Website — неймовірна анімація головної сторінки сайту 😍

Технології: 👩‍💻 👩‍💻 👩‍💻

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

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

16 Oct, 14:24


🌟 Поштомати «Нової Пошти» роздаватимуть безкоштовний Wi-Fi, матимуть зарядку для телефону — заява компанії

Нові поштомати мають наступні функції:
🔵Безкоштовний інтернет;
🔵Є місце зарядки для 12-ти телефонів;
🔵Робота під час можливих блекаутів: поштомат може працювати до 16 годин без дозарядки.

webguild 🇺🇦 › #news

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

15 Oct, 15:54


BASECONE — набір з 1000+ безкоштовних векторних іконок в єдиному стилі.

Для зручності набір поділений на 31 тематичну категорію

webguild 🇺🇦 › #resources

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

15 Oct, 15:04


CSS Solar System — анімація сонячної системи, реалізована на чистому CSS 🐱

Технології: 👩‍💻 👩‍💻

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

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

14 Oct, 14:49


Really? Робот-гуманоїд загального призначення "Optimus" від Tesla🤖

Таке ми купляємо


webguild 🇺🇦 › #dailyAI