⭐️ Ресурс з купою корисних речей для веб-розробників — 12 інструментів в одному місці

Генератор трикутників, тіней, градієнтів. Стиснення SVG, конвертер SVG → JSX, демо курсорів і багато-багато іншого

Опенсорс. Швидко. Зручно.

Зберігаємо і користуємося як швейцарським ножем: https://omatsuri.app/

Code Ukraine

🖥 Кросплатформовий менеджер паролів

AuthPath — повністю безкоштовний і з відкритим вихідним кодом. Працює на Android, iOS, Windows, macOS і Linux. Підтримує формат KeePass, тому можна легко імпортувати вже існуючі бази. Синхронізація — через Google Drive, Dropbox, OneDrive або WebDAV, а ще є біометрія, генератор паролів і локальне шифрування.

Посилання: authpass.app

#інструмент #general

Code Ukraine

🎮 Рух гравця по 2D-матриці — основи текстової гри на C++

Хочеш зробити свою просту гру на C++? Почнемо з базового: гравець у матриці, який рухається за стрілками (WASD).

📌 Що можна дописати?
- Підбір предметів (наприклад *)
- Супротивники (E)
- Кількість ходів
- Виграш/програш

🧠 Це — ідеальна база для:
- змійки
- логічних квестів
- roguelike-ігор

Хочете наступний приклад із ворогами або предметами на карті?

Code Ukraine

🔥 Гнучка та зручна CMS

Prismic — headless CMS, заточена під розробку без зайвого галасу. Замість жорстких шаблонів — підхід слайсів: компоненти збираються як лего, структура задається в коді, наповнення йде через UI. REST і GraphQL API на місці, добре дружить з Next.js, Nuxt, SvelteKit та іншими популярними фреймворками.

Є інструмент Slice Machine — допомагає створювати і тестувати компоненти локально. Підходить для проектів, де контент роблять не розробники, але структура при цьому під контролем.

Посилання на інструмент: Prismic

Code Ukraine

⭐️ Едді Османі, провідний інженер Google і автор десятка книжок, викотив The Prompt Engineering Playbook for Programmers - ультимативний гайд із промптингу для кодерів

Це великий мастрид із купою технік, шаблонів, сценаріїв використання, прикладів «поганих і хороших запитів» - усе, щоб вичавлювати з AI-асистентів максимум

Забираємо в закладки

Code Ukraine

🧐 У Claude з'явився режим Education

Безкоштовне навчання тепер стане набагато швидше завдяки штучному інтелекту:

1️⃣ Встановіть чіткі цілі навчання.
2️⃣ Надайте контекст для ваших знань. Claude пов'язує нові ідеї з тим, що ви знаєте.
3️⃣ Попросіть докладних пояснень. Claude може глибоко поринути у складні теми.
4️⃣ Отримайте реальні приклади. Claude покаже, як концепції працюють у реальному світі.
5️⃣ Практика написання та отримання зворотного зв'язку. Claude дасть миттєвий зворотний зв'язок, щоб покращити ваші навички.
6️⃣ Рольова гра з мов або програмування. Claude може змоделювати розмову або сценарій програмування.
7️⃣ Перевірка фактів дивних тверджень. Claude допоможе вам перевірити факти та твердження.
8️⃣ Робіть перерви та обмірковуйте отримані знання. Claude нагадає вам про необхідність зробити паузу і подумати.
9️⃣ Ведіть щоденник навчання. Claude допоможе його вести.
1️⃣0️⃣ Ітерація та вдосконалення розуміння. Claude заохочує вас удосконалювати свої знання.

Code Ukraine

🖥 Перевірка сумісності JavaScript-коду з середовищем за лічені секунди

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

Запустіть його, і він покаже, що буде працювати, наприклад, з Node.js, а що доведеться переписати. Зараз інструмент підтримує Node.js, Deno, Bun, Cloudflare Workers та інші середовища виконання.

#інструменти #javascript

Code Ukraine

Зацініть, що знайшов — клон Minecraft прямо в браузері

Створений тільки з використанням HTML і CSS — 0 рядків JavaScript. Повна дивина 😘

Спробувати можна тут

Code Ukraine

🔥 Створюємо сайт з логотипу — взагалі без коду і зайвих танців

Сервіс сам генерує дизайн, шрифти та верстку — достатньо завантажити логотип у PNG, SVG або JPG.

Працює просто в браузері, без реєстрації і безкоштовно.

Ідеально для швидкого старту.

Code Ukraine

🎯 Pygame міні-проєкт — Клікни по кулі!

Цей проєкт — ідеальний, щоб освоїти взаємодію миші з об’єктами на екрані. Результат? Простенька, але весела гра: натискай на кулі — отримуй бали! 🎈

📌 Що будемо вчити?
— Малювати об’єкти (кола)
— Реєструвати кліки миші
— Визначати, чи курсор потрапив в об’єкт
— Підраховувати очки

Це лише база, а решта — твоя творчість.

🧠 У наступному проєкті додам фізику стрибків!
Пишіть, якщо хочете приклад гри зі стрибками ?

Code Ukraine

📱 «Як я ледь не посрався з довбаним ChatGPT!», або ШІ-лайфхак дня. Як змусити ChatGPT знаходити правильні рішення?

*Product Designer поділився ним у себе в linkedin.

Ось, що потрібно зробити:

— попросити ChatGPT бути вашим асистентом, обов’язково вкажіть сферу експертизи;
— вимагати, щоб чатбот критикував те, що йому говорите. Це буде як імітація командної роботи, де люди з різними поглядами разом щось створюють.

За словами дизайнера, завдяки такому підходу ChatGPT вкаже на помилки. Також у такій імітованій дискусії можна прийти до чогось корисного.

«Інакше він просто видаватиме вам компліментарні відповіді й погоджуватиметься з вашою думкою — навіть, якщо ви неправі».

Code Ukraine

🖥 Знайшов для вас чудовий ресурс для вивчення Python — інтерактивний курс 100-days-of-python

100 міні-проектів, все в браузері, з туторіалами та практикою

Забираємо абсолютно безкоштовно тут 🍯

Code Ukraine

🗣 Кожен раз, коли щось не працює, кричіть «The Fuck»

А якщо неправильно ввели команду або отримали помилку в командному рядку, то тим більше! У цьому вам допоможе утиліта «The Fuck». Просто напишіть fuck в консоль і вона сама виправить всі помилки. Вам достатньо скористатися стрілками, щоб вибрати потрібний варіант корекції.

#інструменти

Code Ukraine

🖥 Сьогодні на GitHub створили мільярдний репозиторій. Як назвали ювілейний? Правильно — shit (лайно)

GitHub офіційно привітав автора і побажав зібрати що-небудь 💩

https://github.com/AasishPokhrel/shit

Code Ukraine

CSS порада 💡

Можливо, ти не знав про цей новий і найпростіший спосіб вертикально центрувати контент у блоковому макеті.

Code Ukraine

🖥 Знайшов зручний інструмент для роботи з базами даних

Це AI-інструмент, який на льоту генерує схеми баз даних зі звичайного тексту. Пишеш: «Зроби базу як у Netflix» — отримуєш готову структуру з таблицями, зв'язками та діаграмами

Можна редагувати, генерувати фейкові дані, імпортувати з CSV і розгортати в Supabase в один клік.

Безкоштовно, пробуємо: https://database.build/

Code Ukraine