🗞️ Дайджест новин та статей зі світу Frontend розробки за 03.08.2026:
🔹 Однакова назва; різний компонент із реєстрами користувацьких елементів з обмеженою областю дії - читати
🔹 Випуски Node.js 24.19.0 (LTS) - читати
🔹 Випуски Node.js 26.6.0 (поточна версія) - читати
🔹 Однакова назва; різний компонент із реєстрами користувацьких елементів з обмеженою областю дії - читати
🔹 Випуски Node.js 24.19.0 (LTS) - читати
🔹 Випуски Node.js 26.6.0 (поточна версія) - читати
master.dev
Same Name; Different Component with Scoped Custom Element Registries
Chrome 146 introduced a scoped custom element registry, allowing different versions of custom elements to share the same tag name without using the global namespace.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 05.08.2026:
🔹 Щось, про що вам ніхто не розповідав про елемент `image` (він може виходити за межі!) - читати
🔹 Створення фону з ефектом «прориву» за допомогою сучасного CSS - читати
🔹 Випуски Node.js 26.7.0 (поточна версія) - читати
🔹 Щось, про що вам ніхто не розповідав про елемент `image` (він може виходити за межі!) - читати
🔹 Створення фону з ефектом «прориву» за допомогою сучасного CSS - читати
🔹 Випуски Node.js 26.7.0 (поточна версія) - читати
master.dev
Something Nobody Told You About The Image Element (It Can Overflow!)
You normally don't think of images as overflowing themselves, nor can you put anything else inside to make it overflow, but actually...
🗞️ Дайджест новин та статей зі світу Frontend розробки за 07.08.2026:
🔹 Як Baseline може допомогти вам зменшити обсяг JavaScript у вашому коді - читати
🔹 Як Baseline може допомогти вам зменшити обсяг JavaScript у вашому коді - читати
Smashing Magazine
How Baseline Can Help You Ship Less JavaScript — Smashing Magazine
The gap between “you need a library for this” and “the browser does this” keeps closing. A practical guide to auditing your dependencies and finding what the web platform can now handle for you.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 08.08.2026:
🔹 5 властивостей CSS, які варто знати для створення кращого оформлення тексту - читати
🔹 Випущено ESLint v10.8.1 - читати
🔹 5 властивостей CSS, які варто знати для створення кращого оформлення тексту - читати
🔹 Випущено ESLint v10.8.1 - читати
blog.master.dev
5 CSS Properties You Should Know for Better Text Designs
Includes background-clip for masking backgrounds, vertical-align for aligning elements, box-decoration-mode for consistent edge styling, letter-spacing for spacing control, and text-combine-upright for vertical text layouts.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 12.08.2026:
🔹 Переходи між сторінками: слідкуйте, щоб елементи не стали недоступними для кліка - читати
🔹 Переходи між сторінками: слідкуйте, щоб елементи не стали недоступними для кліка - читати
blog.master.dev
View Transitions: Careful Not To Make Stuff Unclickable
View Transitions block interactivity (like clicks) while they are running. Maybe you don't want to do that.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 14.08.2026:
🔹 Нагадуємо, що `system-ui` добре підтримується: при використанні на macOS ви отримаєте шрифт San Francisco — це шрифт із змінною товщиною, що додає цікавості, а альтернативні варіанти теж досить непогані. - читати
🔹 Підказки повинні спочатку затримуватися, а потім пропускатися - читати
🔹 Нагадуємо, що `system-ui` добре підтримується: при використанні на macOS ви отримаєте шрифт San Francisco — це шрифт із змінною товщиною, що додає цікавості, а альтернативні варіанти теж досить непогані. - читати
🔹 Підказки повинні спочатку затримуватися, а потім пропускатися - читати
blog.master.dev
Reminder that `system-ui` is well supported, when you use it on macOS you get San Francisco which is a variable font, which is…
You can get pretty darn flexible with it.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 17.08.2026:
🔹 Отримання інформації про сітку за допомогою чистого CSS - читати
🔹 Отримання інформації про сітку за допомогою чистого CSS - читати
Css-Tip
Get Grid Information using pure CSS
With a few lines of code, you can get the number of columns, number of rows, and item coordinates
🗞️ Дайджест новин та статей зі світу Frontend розробки за 25.08.2026:
🔹 Нагадуємо, що `system-ui` добре підтримується: при використанні на macOS ви отримаєте шрифт San Francisco — це шрифт із змінною товщиною, що додає цікавості, а альтернативні варіанти теж досить непогані. - читати
🔹 Підказки повинні спочатку затриматися, а потім пропустити цей момент - читати
🔹 Спливаючі підказки з затримкою, а потім миттєві, лише за допомогою HTML та CSS - читати
🔹 У Oxlint функція перевірки коду React-компілятора отримала прискорення завдяки нативній реалізації на Rust - читати
🔹 Представляємо курс «Навички роботи з штучним інтелектом для справжніх інженерів» - читати
🔹 Комбінації клавіш, які відображають правильну модифікуючу клавішу залежно від ОС - читати
🔹 Діаграми синхронізації: схема створення анімацій SMIL - читати
🔹 Анімація при наведенні курсору та наближенні з ефектами, що залежать від прокрутки - читати
🔹 Випущено ESLint версії 10.9.0 - читати
🔹 Випущено ESLint v10.9.1 - читати
🔹 Нагадуємо, що `system-ui` добре підтримується: при використанні на macOS ви отримаєте шрифт San Francisco — це шрифт із змінною товщиною, що додає цікавості, а альтернативні варіанти теж досить непогані. - читати
🔹 Підказки повинні спочатку затриматися, а потім пропустити цей момент - читати
🔹 Спливаючі підказки з затримкою, а потім миттєві, лише за допомогою HTML та CSS - читати
🔹 У Oxlint функція перевірки коду React-компілятора отримала прискорення завдяки нативній реалізації на Rust - читати
🔹 Представляємо курс «Навички роботи з штучним інтелектом для справжніх інженерів» - читати
🔹 Комбінації клавіш, які відображають правильну модифікуючу клавішу залежно від ОС - читати
🔹 Діаграми синхронізації: схема створення анімацій SMIL - читати
🔹 Анімація при наведенні курсору та наближенні з ефектами, що залежать від прокрутки - читати
🔹 Випущено ESLint версії 10.9.0 - читати
🔹 Випущено ESLint v10.9.1 - читати
blog.master.dev
Reminder that `system-ui` is well supported, when you use it on macOS you get San Francisco which is a variable font, which is…
You can get pretty darn flexible with it.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 26.08.2026:
🔹 Представляємо Sandcastle - читати
🔹 Представляємо Sandcastle - читати
blog.master.dev
Introducing Sandcastle
🗞️ Дайджест новин та статей зі світу Frontend розробки за 27.08.2026:
🔹 Випуски Node.js 24.20.0 (LTS) - читати
🔹 Випуски Node.js 26.8.0 (поточна версія) - читати
🔹 Випуски Node.js 26.8.1 (поточна версія) - читати
🔹 Випуски Node.js 24.20.0 (LTS) - читати
🔹 Випуски Node.js 26.8.0 (поточна версія) - читати
🔹 Випуски Node.js 26.8.1 (поточна версія) - читати
nodejs.org
Node.js — Node.js 24.20.0 (LTS)
Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 28.08.2026:
🔹 «Quick Hit» № 174 - читати
🔹 Реалізація ефекту наведення курсору за допомогою сучасного CSS - читати
🔹 «Quick Hit» № 175 - читати
🔹 «Quick Hit» № 174 - читати
🔹 Реалізація ефекту наведення курсору за допомогою сучасного CSS - читати
🔹 «Quick Hit» № 175 - читати
CSS-Tricks
Quick Hit #174 | CSS-Tricks
Safari TP 251 trials corner-shape, object-view-box, at-rule(), ident(), inherit(), random(), and random-item().