JavaScript'er
Closed channel
Заявки приймаємо автоматично! Канал з лайфхаками для кожного поважаючого себе веб-розробника Запросити друга, якщо є: https://t.me/+my7itn9CGMplOTAy Зв'язок: @Ekater1na_admin
Show more7 351
Subscribers
-224 hours
-197 days
-6830 days
Posts Archive
7 351
Який CSS-атрибут визначає максимальну кількість рядків тексту, які можуть бути видимими перед обрізанням?
7 351
Якщо потрібно швидко створити користувацький SVG-лоадер — ось відмінний відкритий код-інструмент. Гнучке налаштування: колір, швидкість, розмір тощо на ваш смак
Додайте до закладок — стане в нагоді: http://loaders.holasvg.com
JavaScript'еr
7 351
PatternСraft — бібліотека фонів з градієнтами та геометричними візерунками
Кожен фон можна переглянути в дії, а потім скопіювати його CSS для своїх проектів
patterncraft.fun
JavaScript'еr
7 351
Безкінечний перегляд обкладинки v2
Слайдер, який безкінечно обертається по колу. Реалізовано за допомогою GSAP і Tailwind.
⤷ Взяти код
JavaScript'еr
7 351
Порада по CSS
Ми часто використовуємо кнопки дій, які з'являються при наведенні, щоб інтерфейс виглядав чистіше.
Але користувачі з клавіатурою та на сенсорних екранах не можуть ініціювати наведення, через що такі кнопки стають недоступними
Зробіть доступним для клавіатури: використовуйте
:focus-within, щоб показувати кнопки, коли фокус знаходиться всередині контейнера.
Зробіть доступним для сенсорного екрану: hover: none спрацює, якщо основний пристрій вводу не підтримує наведення
JavaScript'еr7 351
Питання: який об'єкт JavaScript надає методи для маніпуляції адресою URL поточного вікна браузера?
7 351
Чекбокси олівцем і папером
Круте оформлення чекбоксів з анімацією проставлення галочок. Реалізовано за допомогою CSS і JavaScript.
⤷ Взяти код
JavaScript'еr
7 351
🤔 Що створює сферу дії змінних?
Сферу дії створює функція, блок або модуль. У JavaScript var — функціональна сфера дії, let і const — блочна. У Python — функції, модулі та класи.
JavaScript'еr
7 351
Я, який завантажую всі приватні дані своєї компанії в нейронну мережу, просто щоб вирівняти div по центру.
JavaScript'еr
7 351
У тексту завжди є дивний зайвий відступ: зверху над великими літерами і знизу під базовою лінією. Виправлення в одному рядку CSS:
text-box: trim-both cap alphabetic;Ідеально обрізає текстовий бокс по реальним межам гліфів. Більше ніяких латок з відступами. JavaScript'еr
7 351
Деталі складання квитка
Анімація складання квитка. Реалізовано за допомогою CSS і JavaScript (Bebel).
⤷ Взяти код
JavaScript'еr
7 351
👩💻Корисна підбірка ресурсів, які допоможуть швидше освоїти TypeScript без зайвої теорії:
• TypeHero – платформа для практики TypeScript. Готові завдання різного рівня та можливість створювати власні – відмінний спосіб набратися досвіду з типами
• TSdiagram – інструмент з відкритим кодом: ви вставляєте TS-файл і миттєво отримуєте наочну діаграму інтерфейсів, типів, класів та їх зв'язків. Дуже зручно для аналізу чужого коду або архітектури
• Visual Types – інтерактивний міні-курс у форматі playground, який допомагає розібратися у складних типах за допомогою експериментів прямо у браузері
Додавайте до закладок – це стане в нагоді кожному, хто працює з TypeScript 👍
JavaScript'еr
7 351
Якщо ви використовуєте ці бібліотеки JavaScript… Швидше за все, вони вам більше не потрібні.
Краще використовуйте нативний API
JavaScript'еr
Available now! Telegram Research 2025 — the year's key insights 
