JavaScript'er

Акробатичний прелоадер Очікування завантаження у вигляді кола, що вистрибує зі своєї осі. Реалізовано за допомогою CSS. ⤷ Забрати код JavaScript'еr

Іноді дивишся на чужий сайт і думаєш: "Хотілося б забрати цей блок/кнопку/анімацію собі" 😄 Я знайшов зручний інструмент - MiroMiro. Він дозволяє за пару кліків скопіювати будь-який елемент зі сторінки і відразу отримати все необхідне для повторення дизайну: - CSS-стилі - зображення - SVG - анімації Lottie - палітру кольорів Це корисно, коли ти робиш лендінги, UI або просто збираєш референси без ручного копирки в DevTools. miromiro.app JavaScript'еr

Швидкий спосіб покращити поведінку тексту в додатку — використати text-wrap: balance. Ця властивість рівномірно розподіляє текст по рядках, уникаючи "висячих" слів Підтримка обмежена невеликою кількістю рядків (приблизно <6–10 залежно від браузера), тому краще за все застосовувати її для заголовків або коротких абзаців Ти не знаєш JavaScript

ЧИСТИЙ 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