JavaScript'er
Yopiq kanal
Заявки приймаємо автоматично! Канал з лайфхаками для кожного поважаючого себе веб-розробника Запросити друга, якщо є: https://t.me/+my7itn9CGMplOTAy Зв'язок: @Ekater1na_admin
Ko'proq ko'rsatish
Tarmoq:7 131
Obunachilar
-324 soatlar
-247 kunlar
-6730 kunlar
Postlar arxiv
7 130
Search Input Animation
Поява та згортання поля для введення тексту при натисканні на лупу. Реалізовано за допомогою CSS.
⤷ Забрати код
JavaScript'ер
7 130
Чи можна використовувати CSS Grid і Flexbox разом?
Так. Flexbox і Grid доповнюють один одного:
- Grid — чудово підходить для макетів і секцій;
- Flex — для внутрішнього вирівнювання елементів.
JavaScript'ер
7 130
Який метод JavaScript використовується для створення нового HTML елемента?
7 130
Бібліотека UI-компонентів у ретро-стилі, які можна скопіювати та вставити у свої додатки. Безкоштовно. З відкритим вихідним кодом
https://www.8bitcn.com/
JavaScript'ер
7 130
Порада з CSS: Використовуйте табличні цифри для відображення таймерів
Властивість
font-variant-numeric визначає, як будуть відображатися числа. При значенні 'tabular-nums' числа будуть представлені з однаковою шириною, що дозволить їм ідеально вирівнюватися в рядок
JavaScript'ер
7 130
Карусель карток
Карусель із фотографіями. Реалізовано за допомогою CSS та JS.
⤷ Взяти код
JavaScript'ер
7 130
Repost from Ти не знаєш JavaScript
CodePen дня: це компонент з реакцією на наближення від Amit Sheen
Весь JavaScript тут лише передає позицію курсора в CSS через кастомні властивості — і все. Всі обчислення виконуються в CSS за допомогою нативних математичних функцій
https://codepen.io/amit_sheen/full/gbbzbeR
Ти не знаєш JavaScript
7 130
+1Ви, можливо, знайомі з одиницею vh у CSS. 100vh - це висота в'юпорта.
На десктопах висота в'юпорта фіксована, але на мобільних пристроях усе складніше: під час скролу вниз в'юпорт змінюється - браузери зазвичай приховують елементи інтерфейсу (наприклад, навігацію), щоб звільнити більше простору.
У підсумку виникає неоднозначність: що саме означає vh?
Щоб вирішити цю проблему, CSS нещодавно отримав нові одиниці виміру
🔸 100svh (small viewport height) - це мінімально можлива висота в'юпорта, коли всі елементи інтерфейсу відображаються.
🔸 100lvh (large viewport height) - це максимально можлива висота в'юпорта, коли вся навігація та UI-елементи приховані повністю
🔸 Є також 100dvh (dynamic viewport height) - динамічна висота в'юпорта, яка автоматично перемикається між svh і lvh залежно від того, чи видно UI-елементи.
Translated with DeepL.com (free version)
7 130
Який метод JavaScript дозволяє обробляти кожне значення в масиві, створюючи новий масив з результатами?
7 130
Анімація меню
9 різних ефектів при наведенні на кнопку-бургер. Реалізовано за допомогою CSS.
⤷ Взяти код
JavaScript'ер
7 130
Який метод JavaScript використовується для додавання одного або кількох елементів у кінець масиву?
7 130
Проблема: ви хочете повторно кинути JavaScript-помилку, щоб видати більш зрозуміле (дружнє) повідомлення про помилку. При цьому ви хочете зберегти деталі початкової помилки.
Рішення: передайте оригінальну помилку через
cause
Докладніше: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error/cause
JavaScript'ер
