JavaScript'er

ЧИСТИЙ 100% JAVASCRIPT БЕКЕНД БЕЗ ФРЕЙМВОРКІВ ЧАС СТАРТУ 0.05 СЕКУНД JavaScript'еr

крута карточка з ефектом наведення Ефект наведення на карточку з плавним розмиванням зображення. Реалізовано за допомогою CSS. ⤷ Взяти код JavaScript'еr

🤔 Як отримати доступ до DOM-дерева в React? У React доступ до DOM-дерева здійснюється через рефы (Refs). Використовується useRef для функціональних компонентів або React.createRef для класових. Також можна використовувати document.querySelector() всередині useEffect, але це не рекомендується. JavaScript'еr

Якщо вам здається, що використовувані градієнти виглядають тьмяними або "брудними", спробуйте замість цього використати кольори в просторі OKLCH. У OKLCH відтінок задається як кут, а тому кольори, через які проходить градієнт, відрізняються від тих, які отримуються в sRGB. Більш детально про це можна прочитати тут. JavaScript'еr

🤫 STFU: додаток для боротьби з шумом у громадських місцях STFU — це просте додаток, яке відтворює почутий звук із затримкою, змушуючи гучних співрозмовників замовкнути. Створено у відповідь на гучні ситуації, коли ввічливі прохання не допомагають. Працює на основі веб-аудіо API і має забавний підхід до вирішення проблеми. 🚀 Основні моменти: - Відтворює звук із затримкою ~2 секунди. - Допомагає впоратися з гучними розмовами. - Легко налаштовується і використовується. - Створено з гумором і креативністю. 📌 GitHub: https://github.com/Pankajtanwarbanna/stfu JavaScript'еr

Поради по HTML 💡 Чи знаєте ви, що за допомогою елемента HTML можна легко створити модальне вікно? JavaScript'еr

json-render Ідея про генерацію інтерфейсу за допомогою ШІ зараз дійсно змінюється. Команда Vercel Labs нещодавно виклала в відкритий доступ json-render і, по суті, порушує старі правила. Замість звичної (і часто нестабільної) генерації коду вони пропонують новий пайплайн: ШІ → JSON → Інтерфейс. Усього за три дні проект зібрав 6000+ зірок. Ключова ідея: не давати ШІ "творити вільно", а змусити працювати в рамках "огражденій території", щоб на виході були повністю передбачувані структуровані дані. Вам потрібно лише описати бібліотеку компонентів у потрібній директорії, а далі ШІ заповнить дані. Таким чином можна практично повністю усунути галюцинації. Це не тільки вирішує вічну проблему "змінився стиль", а й забезпечує потоковий рендеринг із затримками в мілісекундах, швидкість там просто неймовірна. Якщо ви хочете зібрати "абсолютно контрольований" генеративний інтерфейс, цю фронтенд-бібліотеку точно варто вивчити. 📁 Мова: #TypeScript 98.1% ⭐️ Зірки: 6.7k ➡️ Посилання на GitHub Github'er

Меню Плавне поява бічного меню при натисканні на кнопку гамбургера. Реалізовано за допомогою CSS. ⤷ Забрати код JavaScript'еr

Поради по JavaScript 💡 JavaScript'еr

Порада від Chrome Dev Tools: Зберігайте та виконуйте фрагменти коду Іноді нам потрібно виконувати один і той же код JavaScript на різних сторінках. Наприклад, щоб отримати URL-адреси прев'ю відео з Vimeo або витягти різні дані, пов'язані з продуктивністю сторінки тощо. У таких випадках ми можемо один раз створити користувацький фрагмент у Chrome DevTools і запускати його на будь-якій сторінці Ти не знаєш JavaScript

Ми вирішили займатися бізнесом JavaScript'еr

Додаю безкоштовний інтенсив по дата-аналітиці для тих, хто хотів спробувати себе в IT. ➡️ i.goit.global ⬅️

Анімація кнопки пошуку Анімація кнопки пошуку. Реалізовано за допомогою CSS. ⤷ Взяти код JavaScript'еr

🤔 Навіщо ми розбиваємо код на компоненти? Щоб покращити читабельність, можливість повторного використання та підтримку. Компоненти спрощують тестування, ізоляцію логіки та дозволяють збирати інтерфейс як із конструктора. JavaScript'еr