🗞️ Дайджест новин та статей зі світу Frontend розробки за 26.06.2026:
🔹 Давайте пограємося з прикрасами від Gap! - читати
🔹 Адаптивний роздільник для горизонтального списку - читати
🔹 Давайте пограємося з прикрасами від Gap! - читати
🔹 Адаптивний роздільник для горизонтального списку - читати
master.dev
Let’s Play With Gap Decorations!
The `rule` (and friends) CSS property allows us to draw markers (like borders) in the gaps between columns and rows (and flex items!)
🗞️ Дайджест новин та статей зі світу Frontend розробки за 27.06.2026:
🔹 Випущено ESLint v10.6.0 - читати
🔹 Випущено ESLint v10.6.0 - читати
eslint.org
ESLint v10.6.0 released - ESLint - Pluggable JavaScript Linter
A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 29.06.2026:
🔹 Вступ до Cloudflare Workers для веб-додатків - читати
🔹 Вступ до Cloudflare Workers для веб-додатків - читати
master.dev
Introduction to Cloudflare Workers for Web Apps
Maybe you don't need a traditional server to run a web app that needs a node server backend. Maybe the requests that need that can go to a cloud function on demand.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 30.06.2026:
🔹 «Швидкий огляд» № 154 - читати
🔹 Повзунок діапазону вхідних значень «Хвилястий/Звивистий» II - читати
🔹 «Швидкий огляд» № 154 - читати
🔹 Повзунок діапазону вхідних значень «Хвилястий/Звивистий» II - читати
CSS-Tricks
Quick Hit #154 | CSS-Tricks
Chrome 150 implements the AccentColor/AccentColorText system-color keywords, making them Baseline.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 02.07.2026:
🔹 Динамічна типографіка за допомогою функції progress() - читати
🔹 «Quick Hit» № 156 - читати
🔹 Функція `background-clip` оновлюється! - читати
🔹 Динамічна типографіка за допомогою функції progress() - читати
🔹 «Quick Hit» № 156 - читати
🔹 Функція `background-clip` оновлюється! - читати
blog.master.dev
Fluid Typography with progress()
With the `progress()` function in CSS we've got a new way to calculate the size for type based on the viewport without problems of the past.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 03.07.2026:
🔹 Абсолютно безкоштовний курс: «Код Клода» - читати
🔹 «Швидкий огляд» № 157 - читати
🔹 Абсолютно безкоштовний курс: «Код Клода» - читати
🔹 «Швидкий огляд» № 157 - читати
blog.master.dev
Totally Free Course: Claude Code
Lydia Hallie from Anthropic spends a couple of hours with us, helping us level up what we’re doing with Claude Code. Learn to customize Claude Code for your codebase, using CLAUDE.md, plan mode, and permissions that adhere to your team’s standards. Build…
🗞️ Дайджест новин та статей зі світу Frontend розробки за 06.07.2026:
🔹 «Швидкий огляд» № 158 - читати
🔹 «Швидкий огляд» № 158 - читати
CSS-Tricks
Quick Hit #158 | CSS-Tricks
Safari TP 247 becomes the first to trial calc-mix(), which returns a progress point between two values.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 07.07.2026:
🔹 Cloudflare Workers та Hyperdrive у поєднанні з TanStack Start - читати
🔹 «Quick Hit» № 159 - читати
🔹 Адаптивне компонування за допомогою CSS Grid з анімацією - читати
🔹 Cloudflare Workers та Hyperdrive у поєднанні з TanStack Start - читати
🔹 «Quick Hit» № 159 - читати
🔹 Адаптивне компонування за допомогою CSS Grid з анімацією - читати
master.dev
Cloudflare Workers and Hyperdrive with TanStack Start
In Part 2 of the series on using Cloudflare with Web Apps, the focus is on setting up a database and addressing key issues like performance and connection management.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 08.07.2026:
🔹 Стилізація з урахуванням меж у CSS - читати
🔹 Випуски Node.js 26.5.0 (поточна версія) - читати
🔹 Стилізація з урахуванням меж у CSS - читати
🔹 Випуски Node.js 26.5.0 (поточна версія) - читати
blog.master.dev
Boundary-Aware Styling in CSS
You might think of the view() function as used in scroll-driven animations, but really it just pairs @keyframes animation with the current position of an element.
❤1
🗞️ Дайджест новин та статей зі світу Frontend розробки за 09.07.2026:
🔹 Як зробити інтерактивний елемент невидимим, але доступним - читати
🔹 Як зробити інтерактивний елемент невидимим, але доступним - читати
blog.master.dev
How to Make an Interactive Element Invisible but Accessible
The attribute `hidden=
🗞️ Дайджест новин та статей зі світу Frontend розробки за 11.07.2026:
🔹 Випущено ESLint v10.7.0 - читати
🔹 Випущено ESLint версії 9.39.5 - читати
🔹 Випущено ESLint v10.7.0 - читати
🔹 Випущено ESLint версії 9.39.5 - читати
eslint.org
ESLint v10.7.0 released - ESLint - Pluggable JavaScript Linter
A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 13.07.2026:
🔹 Я перестав розбирати все на складові частини - читати
🔹 Я перестав розбирати все на складові частини - читати
Allthingssmitty
I stopped destructuring everything - Matt Smith
I used destructuring every object in JavaScript. Here's why keeping objects intact often makes code easier to read, debug, and maintain.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 14.07.2026:
🔹 Горизонтальне мислення в CSS @layer - читати
🔹 Горизонтальне мислення в CSS @layer - читати
master.dev
Thinking Horizontally in CSS @layer
If you put your custom properties (tokens) for every component in an @layer, then overriding them is never a fight.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 16.07.2026:
🔹 Анімація In-N-Out із використанням функції sibling-index() - читати
🔹 Анімація In-N-Out із використанням функції sibling-index() - читати
blog.master.dev
In-N-Out Animation using sibling-index()
Temani mimics a View Transition by placing items using their index and translations. The placement calculation change when the index changes, which is an animation opportunity!
🗞️ Дайджест новин та статей зі світу Frontend розробки за 17.07.2026:
🔹 Коли доцільно «заблокувати» головний потік - читати
🔹 Автоматизація міграцій ESLint за допомогою Codemod - читати
🔹 Коли доцільно «заблокувати» головний потік - читати
🔹 Автоматизація міграцій ESLint за допомогою Codemod - читати
Smashing Magazine
When It Makes Sense To “Block” The Main Thread — Smashing Magazine
The common rule of thumb is to never “block” the browser’s main thread when running JavaScript tasks. But is this a hard rule? Victor Ayomipo describes a use case he encountered involving a screenshot extension where he made an exception to the rule and decided…
🗞️ Дайджест новин та статей зі світу Frontend розробки за 21.07.2026:
🔹 Кам'яна кладка (з анімацією) у CSS - читати
🔹 Адаптивне ASCII-мистецтво з використанням text-fit - читати
🔹 Кам'яна кладка (з анімацією) у CSS - читати
🔹 Адаптивне ASCII-мистецтво з використанням text-fit - читати
blog.master.dev
Masonry (with Animation) in CSS
Masonry.js was famous for creating, uh, Masonry layouts. But it did something else, too: animate fluid grids. Here's a way to get that in native CSS as well as the layout.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 21.07.2026:
🔹 Кам'яна кладка (з анімацією) у CSS - читати
🔹 Адаптивне ASCII-мистецтво з використанням text-fit - читати
🔹 Кам'яна кладка (з анімацією) у CSS - читати
🔹 Адаптивне ASCII-мистецтво з використанням text-fit - читати
blog.master.dev
Masonry (with Animation) in CSS
Masonry.js was famous for creating, uh, Masonry layouts. But it did something else, too: animate fluid grids. Here's a way to get that in native CSS as well as the layout.
❤1
🗞️ Дайджест новин та статей зі світу Frontend розробки за 23.07.2026:
🔹 Постійні об’єкти в Cloudflare - читати
🔹 Постійні об’єкти в Cloudflare - читати
master.dev
Durable Objects on Cloudflare
This is a post on one of Cloudflare’s coolest features: Durable Objects. We’ll introduce what they are, how they work, and walk through a reasonably realistic use case for them. Cloudflare Workers Review I’ve written about Cloudflare Workers previously, with…
🗞️ Дайджест новин та статей зі світу Frontend розробки за 24.07.2026:
🔹 Використання властивості `animation-composition` у CSS для уникнення повторного оголошення інших значень - читати
🔹 Використання властивості `animation-composition` у CSS для уникнення повторного оголошення інших значень - читати
blog.master.dev
Using `animation-composition` in CSS to Avoid Redeclaring Other Values
Here's an example. You can list multiple comma-separated box-shadows, but if you apply a *new* box-shadow, it overrides anything set before. Not true here.
❤1