JavaScript'er
关闭频道
Заявки приймаємо автоматично! Канал з лайфхаками для кожного поважаючого себе веб-розробника Запросити друга, якщо є: https://t.me/+my7itn9CGMplOTAy Зв'язок: @Ekater1na_admin
显示更多7 350
订阅者
-324 小时
-197 天
-7430 天
帖子存档
7 351
Анімаційні ефекти фону плаваючого блоку
Анімований фон з кубиками, що летять вгору. Реалізовано за допомогою CSS.
⤷ Взяти код
JavaScript'еr
7 351
Ця функція у VS Code надзвичайно недооцінена 🤯
Можна додати кольорову рамку навколо вікна, щоб легше розрізняти різні вікна VS Code.
Наприклад, можна встановити різні кольори, щоб візуально відділити проекти frontend і backend при перемиканні між вікнами і не плутатися.
→ додає рамку навколо вікна
→ підтримує hex, rgb, hsl та інші формати
→ зручно при роботі з декількома проектами
→ можна використовувати системні або користувацькі кольори
Щоб включити: знайдіть window.border у налаштуваннях, відкрийте вкладку робочого простору і виберіть значення на зразок default, system або встановіть свій колір
JavaScript'еr
7 351
Ефект наведення
Ефект масштабування зображення при наведенні на нього. Реалізовано за допомогою CSS.
⤷ Взяти код
JavaScript'еr
7 351
🤔 Як виглядають REST-запити?
REST-запити використовують методи HTTP:
- GET /users — отримати список;
- POST /users — створити нового користувача;
- PUT /users/1 — замінити користувача;
- PATCH /users/1 — частково оновити;
- DELETE /users/1 — видалити.
Вони передають дані через URL, заголовки та тіло запиту (часто у форматі JSON).
JavaScript'еr
7 351
Нарешті веб знову стає цікавим: розробник придумав геніальний спосіб, як зробити текст, що обтікає, у браузері — прямо як у глянцевих журналах
Він пройшов через усі кола пекла, щоб принести вам на найближчі роки одну з найважливіших фундаментальних складових UI-інженерії (якщо не в плані реалізації, то принаймні на рівні концепції)
Швидкий, точний і повноцінний алгоритм вимірювання тексту на стороні додатку, написаний на чистому TypeScript, який можна використовувати для верстки цілих веб-сторінок без CSS, обходячи вимірювання через DOM і рефлоу
GitHub тут 🍆
JavaScript'еr
7 351
Простий спосіб створити градієнтний текст у CSS
Властивість background-clip визначає, як фонове зображення або колір мають бути обрізані відносно країв тексту. У цьому випадку встановлено значення text, що означає, що фон має бути обрізаний по контуру тексту.
Також ми використовуємо властивість -webkit-text-fill-color, щоб зробити колір тексту прозорим
h1 {
background-image: linear-gradient(109.6deg, rgba(228, 107, 232, 1) 11.2%, rgba(87, 27, 226, 1) 96.7%);
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
JavaScript'еr7 351
Repost from Файний програміст 🇺🇦
Я створив проєкт, а VS Code питає, чи можна йому довіряти
@itmemeua
7 351
Який HTML-тег використовується для визначення контактної інформації, пов'язаної з найближчою попередньою статтею або текстом документа?
7 351
Радіальне меню навігації
Півкругле меню навігації. Реалізовано за допомогою SCSS і TypeScript.
⤷ Взяти код
JavaScript'еr
7 351
Порада по CSS
Один рядок для одночасного задання max-width та width в CSS
Ми можемо використати min() для задання як width, так і max-width.
min() повертає найменше значення з переданих
📝Примітка: значення у функції min() можна вказувати в будь-якому порядку.
JavaScript'еr
7 351
Flex Slider
Анімований слайдер із інформаційними картками. Реалізовано за допомогою Vue.
⤷ Взяти код
JavaScript'еr
7 351
🤔 Які є типи прив'язок в Angular?
- Інтерполяція: {{ value }}
- Прив'язка властивості: [property]="value"
- Прив'язка подій: (event)="handler()"
- Двостороння прив'язка: [(ngModel)]="value"
JavaScript'еr
现已上线!2025 年 Telegram 研究 — 年度关键洞察 
