Трохи кодинг-екшну вам у стрічку
Алан Бекер випустив відео у серії "Animation vs. Coding", де стікмен вчиться програмувати - і, як завжди, все стрімко виходить з-під контролю. Але в цьому вся краса.
До перегляду обов'язково😁
Code Ukraine
Алан Бекер випустив відео у серії "Animation vs. Coding", де стікмен вчиться програмувати - і, як завжди, все стрімко виходить з-під контролю. Але в цьому вся краса.
До перегляду обов'язково
Code Ukraine
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Пробуємо.
Code Ukraine
Please open Telegram to view this post
VIEW IN TELEGRAM
Розробники обіцяють «максимальне розслаблення» через взаємодію з грудьми. Усе, що потрібно - торкатися цицьок і дивитися, як вони рухаються. Підтримка геймпада та очівки додаються.
Code Ukraine
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Не потрібно вміти ні дизайну, ні коду: достатньо завантажити накид, і нейромережа сама перетворить його на готовий, адаптивний інтерфейс.
Code Ukraine
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Матеріал подано чітко і поетапно, з динамічною візуалізацією і доступними поясненнями (хоч і англійською)
Плюс, на сайті ще купа інших придатних розборів з машинного навчання
Зберігай і ділися з другом
Code Ukraine
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
З’явився гігантський збірник UI-анімацій
Там буквально тисячі кнопок, свайпів, ховерів, мікровзаємодій — усе зібрано в одному місці.
Ідеально, якщо хочеш зробити інтерфейс соковитішим або просто позалипати в естетику.
Code Ukraine
Там буквально тисячі кнопок, свайпів, ховерів, мікровзаємодій — усе зібрано в одному місці.
Ідеально, якщо хочеш зробити інтерфейс соковитішим або просто позалипати в естетику.
Code Ukraine
This media is not supported in your browser
VIEW IN TELEGRAM
🎭 У Китаї представили потужну нейромережу для… діпфейків
ByteDance (ага, ті що TikTok) запустила InfiniteYou-FLUX. Це AI-модель, яка створює фотореалістичні зображення облич з точним збереженням рис та стилів. Працює за фото + текстовим описом.
потестити можна тут
дисклеймер: діпфейки — потенційно небезпечна технологія. Важливо використовувати це відповідально.
Code Ukraine
ByteDance (ага, ті що TikTok) запустила InfiniteYou-FLUX. Це AI-модель, яка створює фотореалістичні зображення облич з точним збереженням рис та стилів. Працює за фото + текстовим описом.
потестити можна тут
дисклеймер: діпфейки — потенційно небезпечна технологія. Важливо використовувати це відповідально.
Code Ukraine
This media is not supported in your browser
VIEW IN TELEGRAM
Тепер у терміналі можна ввімкнути автодоповнення а-ля IntelliSense
Як увімкнути:
- Відкриваєш Settings → шукаєш «terminal integrated suggest»
- Врубаєш чекбокс
Користуємося
Code Ukraine
Please open Telegram to view this post
VIEW IN TELEGRAM
AI Website Builder дає готовий результат «за лічені хвилини» на основі ваших текстових промптів.
Далі можна уточнювати запити щодо зображень, назви чи інших деталей. Наразі конструктор пропонує елементарні результати, що підійдуть для сайтів-заглушок, але й з ними доведеться повозитись.
Cервісом можна буде скористатися безплатно в рамках пробного періоду.
Однак для повного запуску сайту необхідно буде підключити хостинг від WordPress, який коштує $18 на місяць.
*тестуємо AI Website Builder тут
Code Ukraine
Please open Telegram to view this post
VIEW IN TELEGRAM
🖱Взаємодія з 3D-сценою за допомогою миші (на прикладі Three.js)
Тривимірна сцена — це круто.
Але коли користувач може натискати на об'єкти, крутити камеру або наводити курсор — це вже магія✨
Дивись, як легко це зробити з Three.js
🧠 Що відбувається:
✅ Створюємо сцену з кубом
✅ Додаємо OrbitControls — крутимо сцену мишкою
✅ Використовуємо Raycaster — це “промінь”, що йде з камери під кутом мишки
✅ При кліку перевіряємо, чи є об’єкт у точці променя, і змінюємо його
Можна зробити підсвічування при наведенні, drag’n’drop, або взагалі свій 3D-інтерфейс.
Якщо хочеш ще прикладів (наведення, перетягування, меню) — пиши комент, продовжу тему💬
#threejs #webgl #3d #js #вебграфіка #інтерактив #mouseevents
Code Ukraine
Тривимірна сцена — це круто.
Але коли користувач може натискати на об'єкти, крутити камеру або наводити курсор — це вже магія
Дивись, як легко це зробити з Three.js
Можна зробити підсвічування при наведенні, drag’n’drop, або взагалі свій 3D-інтерфейс.
Якщо хочеш ще прикладів (наведення, перетягування, меню) — пиши комент, продовжу тему
#threejs #webgl #3d #js #вебграфіка #інтерактив #mouseevents
Code Ukraine
Please open Telegram to view this post
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
Всі проекти зручно розділені за рівнем складності та стеком. Є все: веб, блокчейн, мобілка і ще купа всього
Забираємо тут
Code Ukraine
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
У Grok з’явився власний Canvas — тепер нейронка може запускати код просто в браузері й підключатися до Google Drive.
Серед ключових фішок:
— Підтримка будь-якого коду на Python, C++, JS, TS, Bash та HTML;
— Можна підтягувати свої документи, таблиці та презентації з Google Drive;
— І все це — абсолютно безкоштовно.
Спробувати можна тут.
Code Ukraine
Серед ключових фішок:
— Підтримка будь-якого коду на Python, C++, JS, TS, Bash та HTML;
— Можна підтягувати свої документи, таблиці та презентації з Google Drive;
— І все це — абсолютно безкоштовно.
Спробувати можна тут.
Code Ukraine
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Тепер <select> можна нормально стилізувати
У Chrome 135 з'явилося
Поки тільки в Chrome, але це чудовий кандидат на прогресивне поліпшення. Решта браузерів підтягнуться (сподіваюся).
Докладніше: https://developer.chrome.com/blog/a-customizable-select
Code Ukraine
У Chrome 135 з'явилося
appearance: base-select
, яке перетворює цей рудиментарний елемент на кастомізований. Можна додавати іконки, змінювати стилі, керувати позиціонуванням - і все це без милиць.Поки тільки в Chrome, але це чудовий кандидат на прогресивне поліпшення. Решта браузерів підтягнуться (сподіваюся).
Докладніше: https://developer.chrome.com/blog/a-customizable-select
Code Ukraine
Зачекайте, що, Cursor Pro - це безкоштовно? 🤔
Натрапив на тулзу на GitHub, яка в теорії дає повний доступ до Cursor AI без підписки. Якщо хтось ще не в курсі: Cursor - це IDE, яка нашпигована нейромережами
Сенс простий - нескінченна активація пробних акаунтів з відкатом даних
У твіттері від автора є тред з інструкцією
Не агітую, просто ділюся знахідкою. Навчально-дослідницькі цілі, як то кажуть
Code Ukraine
Натрапив на тулзу на GitHub, яка в теорії дає повний доступ до Cursor AI без підписки. Якщо хтось ще не в курсі: Cursor - це IDE, яка нашпигована нейромережами
Сенс простий - нескінченна активація пробних акаунтів з відкатом даних
У твіттері від автора є тред з інструкцією
Не агітую, просто ділюся знахідкою. Навчально-дослідницькі цілі, як то кажуть
Code Ukraine
Please open Telegram to view this post
VIEW IN TELEGRAM
SQLBolt - це інтерактивний підручник із SQL, який крок за кроком навчає можливостей мови. Кожен урок супроводжується вправами для закріплення результатів.
Доступний безкоштовно, без реєстрації та смс за посиланням: https://sqlbolt.com/
#sql
Code Ukraine
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Як і сказано в заголовку, DrawDB - це безкоштовний інструмент, який допоможе вам у проєктуванні баз даних, а також у генерації необхідного SQL-коду.
Скористатися можна тут: https://github.com/drawdb-io/drawdb
#інструменти #бд
Code Ukraine
Please open Telegram to view this post
VIEW IN TELEGRAM