JavaScript'er
Закритий канал
Заявки приймаємо автоматично! Канал з лайфхаками для кожного поважаючого себе веб-розробника Запросити друга, якщо є: https://t.me/+my7itn9CGMplOTAy Зв'язок: @Ekater1na_admin
Показати більше
Сітка:6 916
Підписники
-324 години
-207 днів
-10230 днів
Архів дописів
6 916
Який метод масиву JavaScript повертає перший елемент, який відповідає наданій тестовій функції?
6 916
Корисна порада щодо DevTools для доступності
Хром вміє емулювати дальтонізм і розмиття зору. Швидкий спосіб перевірити, наскільки ваш UI зручний для тих, хто бачить світ по-іншому
DevTools → Відображення → Емулювати порушення зору
JavaScript'еr
6 916
🟡 Дата-аналітика увійшла в топ-10 високооплачуваних професій майбутнього
Аналітики даних можуть знайти роботу в будь-якій сфері: IT, маркетинг, e-commerce, фінанси, освіта, сільське господарство.
🔝 Згідно статистики DOU медіанна зарплата українських дата-фахівців сягнула $1750 в 2025 році.
Хочеш дізнатися більше про цю професію?
Реєструйся на безкоштовний інтенсив під наставництвом досвідченого аналітика Нікіти Тимошенко з Adante Consulting, Канада.
4 дні | Онлайн | Безкоштовно
➡️ i.goit.global ⬅️
6 916
💡Порада з JavaScript
Ви знали про оператор експоненціації (**)?
Він піднімає лівий операнд у степінь правого операнда!
JavaScript'еr
6 916
Який метод у JavaScript повертає локалізовану рядок, що представляє число, у форматі, прийнятому в даній локалі?
6 916
Градієнтний світловий прелоадер
Неоновий градієнтний перехід по контуру прелоадера. Реалізовано за допомогою CSS.
⤷ Забрати код
JavaScript'еr
6 916
Repost from GitHub'er
World Labs — створення 3D-світів за секунди
Інструмент, який дозволяє швидко створювати реалістичні тривимірні сцени:
• Генерація за фото, відео, текстом або готовими моделями • Підходить для ігор, візуалізацій, реконструкцій і навчання • Можна редагувати деталі та розширювати простір • Експорт у популярні ігрові движки • На старті дають 7000 безкоштовних кредитів — достатньо для кількох великих проектівВідмінний варіант для дизайнерів і розробників. Ось посилання Github'er
6 916
Repost from Ти не знаєш JavaScript
Потрібні чисті та мінімалістичні іконки для інтерфейсу користувача та дизайнерських завдань? 🐇
Griddy Icons — це безкоштовна сімейство іконок з відкритим вихідним кодом, що має чіткий, утилітарний стиль. У наборі понад 1100 іконок із товщиною облямівки 1,5 пікселя та сіткою 24х24 пікселів. Усе виконано в єдиній системі та готове до негайного використання в U
Завантажуємо тут
Ти не знаєш JavaScript
6 916
Який метод JavaScript дозволяє перевірити, чи містить елемент вказаний клас?
6 916
Social media hover effect
Ефект наведення на соціальні мережі з викачуванням їх назв. Реалізовано за допомогою CSS.
⤷ Забрати код
JavaScript'еr
6 916
Яке значення буде у змінній b після виконання наступного коду?
let b = { name: "Alice" }; b = { ...b, age: 25 };
6 916
ilamy Календар
Потужна, повнофункціональна бібліотека календарних компонентів для React, написана на TypeScript, Tailwind CSS та з використанням сучасних патернів React. Підтримує кілька режимів відображення календаря, drag-and-drop, повторювані події та розширену інтернаціоналізацію
GitHub тут
JavaScript'еr
6 916
Порада по HTML
Не використовуйте
input type="number" для важливих числових полів — наприклад, поштовий індекс, номер картки тощо.
Чому?
- На десктопі з'являється непотрібний спіннер.
- Значення може випадково змінитися при прокрутці мишкою або натисканні клавіш вгору/вниз.
Замість цього використовуйте inputmode="numeric" + pattern
✅ Показує цифрову клавіатуру на мобільних пристроях — кращий UX.
✅ Додає валідацію для цифр.
JavaScript'еr
6 916
CSS-лоадер #01
Очікування завантаження у вигляді руху ліній по колу. Реалізовано за допомогою CSS.
⤷ Забрати код
JavaScript'еr
6 916
Сучасний спосіб перегляду пакетів npm
"NPMX" — це новий браузер для реєстру npm, орієнтований на швидкість і зручність для розробників
Жодного зайвого інтерфейсу. Жодних повільних сторінок. Тільки миттєва інформація про пакет, коли вона дійсно потрібна 👌
https://npmx.dev/
JavaScript'еr
6 916
+1Встановлюємо колір залежно від теми операційної системи користувача
Функція
light-dark() приймає два аргументи і повертає один з них залежно від того, яку тему вибрав користувач.
Перше значення буде повернено, якщо у користувача встановлена світла тема, або тема не вибрана, а друге, якщо встановлена темна тема
Щоб функція light-dark() працювала, необхідно вказати властивість color-scheme зі значенням light dark. Зазвичай це роблять у псевдокласі :root. Якщо ця властивість не вказана, то функція завжди буде повертати тільки перше значення
На даний момент підтримка — 87.36%
JavaScript'еr