🗞️ Дайджест новин та статей зі світу Frontend розробки за 26.09.2025:
🔹 ReleasesNode.js v24.9.0 (поточний) - читати
🔹 ReleasesNode.js v24.9.0 (поточний) - читати
🗞️ Дайджест новин та статей зі світу Frontend розробки за 27.09.2025:
🔹 3D Box з використанням сучасного CSS - читати
🔹 3D Box з використанням сучасного CSS - читати
Css-Tip
3D Box using Modern CSS
Combining corner-shape and modern CSS features to create a 3D box
🗞️ Дайджест новин та статей зі світу Frontend розробки за 01.10.2025:
🔹 Як багато ви знаєте про медіа-запити? - читати
🔹 Що нового у ViteLand: підсумки вересня 2025 року - читати
🔹 Як багато ви знаєте про медіа-запити? - читати
🔹 Що нового у ViteLand: підсумки вересня 2025 року - читати
void(0)
What’s New in ViteLand: September 2025 Recap
September 2025 brought significant updates in Vite's ecosystem, such as huge performance gains for Rolldown, an update on Oxlint Custom JS Plugins and more. Read all about it in our monthly recap!
🗞️ Дайджест новин та статей зі світу Frontend розробки за 02.10.2025:
🔹 Виділення діапазону за допомогою сучасного CSS - читати
🔹 Виділення діапазону за допомогою сучасного CSS - читати
Css-Tip
Range Selection using Modern CSS
A new way to select elements in a specific range using if() and sibling-index()
🗞️ Дайджест новин та статей зі світу Frontend розробки за 03.10.2025:
🔹 Вставка тіней безпосередньо на елементи зображень (частина 1) - читати
🔹 Вставка тіней безпосередньо на елементи зображень (частина 1) - читати
Frontend Masters
Inset Shadows Directly on img Elements (Part 1)
You might think the job of putting an inset shadow on an <img> is trivial: just set a box-shadow like inset 0 1px 3px and that’s it!
🗞️ Дайджест новин та статей зі світу Frontend розробки за 04.10.2025:
🔹 Випущено ESLint v9.37.0 - читати
🔹 Випущено ESLint v9.37.0 - читати
eslint.org
ESLint v9.37.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 розробки за 07.10.2025:
🔹 Як Framer зменшив LCP за допомогою Rolldown - читати
🔹 Як Framer зменшив LCP за допомогою Rolldown - читати
void(0)
How Framer reduced LCP using Rolldown
Framer switched from esbuild to Rolldown to decrease chunks by 67% and improve largest contentful paint
🗞️ Дайджест новин та статей зі світу Frontend розробки за 08.10.2025:
🔹 Виклик прогресивного вдосконалення - читати
🔹 Виклик прогресивного вдосконалення - читати
Frontend Masters
A Progressive Enhancement Challenge
Let’s say you’ve got some interactive element.
❤1
🗞️ Дайджест новин та статей зі світу Frontend розробки за 10.10.2025:
🔹 Числа, що падають (анімація, керована прокруткою, та індекс братів і сестер) - читати
🔹 Радіус умовної межі з сучасним CSS - читати
🔹 Числа, що падають (анімація, керована прокруткою, та індекс братів і сестер) - читати
🔹 Радіус умовної межі з сучасним CSS - читати
Frontend Masters
Numbers That Fall (Scroll-Driven Animations & Sibling Index)
Maybe you noticed the big number at the bottom of the current design of this site? As I write, that number is $839,000 and it’s just a reminder of how Frontend Masters gives back to the open source community. I did that design so I figured I’d write down…
👍1
🗞️ Дайджест новин та статей зі світу Frontend розробки за 12.10.2025:
🔹 ReleasesNode.js v24.10.0 (поточний) - читати
🔹 ReleasesNode.js v24.10.0 (поточний) - читати
🗞️ Дайджест новин та статей зі світу Frontend розробки за 13.10.2025:
🔹 Лічильники CSS в дії - читати
🔹 Динамічна підказка Позиція з анкерним позиціонуванням II - читати
🔹 Лічильники CSS в дії - читати
🔹 Динамічна підказка Позиція з анкерним позиціонуванням II - читати
Frontend Masters
CSS Counters in Action
A classic for loop:
🗞️ Дайджест новин та статей зі світу Frontend розробки за 16.10.2025:
🔹 Вирівнювання в анкерному позиціонуванні за допомогою позиційної області - читати
🔹 ReleasesNode.js v25.0.0 (поточний) - читати
🔹 Вирівнювання в анкерному позиціонуванні за допомогою позиційної області - читати
🔹 ReleasesNode.js v25.0.0 (поточний) - читати
Css-Tip
Alignment in Anchor Positioning using position-area
An interactive demo to understand how to control the alignment using the position-area property
🗞️ Дайджест новин та статей зі світу Frontend розробки за 17.10.2025:
🔹 Сучасні округлення в CSS - читати
🔹 Сучасні округлення в CSS - читати
Frontend Masters
Modern CSS Round-Out Tabs
Quite a while back I made a set of “round out” tabs, where the literal tab part of the UI would connect to the content below with a rounded edge that flared out as it connected. A bit tricky of a situation, even now!
🗞️ Дайджест новин та статей зі світу Frontend розробки за 17.10.2025:
🔹 Сучасні округлення в CSS - читати
🔹 Сучасні округлення в CSS - читати
Frontend Masters
Modern CSS Round-Out Tabs
Quite a while back I made a set of “round out” tabs, where the literal tab part of the UI would connect to the content below with a rounded edge that flared out as it connected. A bit tricky of a situation, even now!
🗞️ Дайджест новин та статей зі світу Frontend розробки за 18.10.2025:
🔹 Випущено ESLint v9.38.0 - читати
🔹 Випущено ESLint v9.38.0 - читати
eslint.org
ESLint v9.38.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 розробки за 20.10.2025:
🔹 Переосмислення асинхронних циклів в JavaScript - читати
🔹 Динамічна підказка Позиція з анкерним позиціонуванням III - читати
🔹 Оголошення про підтримку плагінів Oxlint для JavaScript - читати
🔹 Переосмислення асинхронних циклів в JavaScript - читати
🔹 Динамічна підказка Позиція з анкерним позиціонуванням III - читати
🔹 Оголошення про підтримку плагінів Oxlint для JavaScript - читати
Allthingssmitty
Rethinking async loops in JavaScript - Matt Smith
Struggling with 'await' in loops? Explore common mistakes and modern solutions to optimize async code for performance.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 21.10.2025:
🔹 ВипущеноNode.js v22.21.0 (LTS) - читати
🔹 ВипущеноNode.js v22.21.0 (LTS) - читати
nodejs.org
Node.js — Node.js v22.21.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 noscripts.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 22.10.2025:
🔹 50 причин створити веб-сайт - читати
🔹 Анонс Vitest 4.0 - читати
🔹 50 причин створити веб-сайт - читати
🔹 Анонс Vitest 4.0 - читати
Frontend Masters
50 Reasons to Build a Website
There’s been a little chatter circling the question “Why would I build a website in 2025?” I was on a panel about it in the last year and it has popped up on various podcasts and such. It’s a fair question, but it’s one that, I think, requires both a very…
❤1
🗞️ Дайджест новин та статей зі світу Frontend розробки за 25.10.2025:
🔹 Проблема двох кнопок - читати
🔹 Проблема двох кнопок - читати
Frontend Masters
The Two Button Problem
I see this UI/UX issue all the time: there are two buttons, and it’s not clear which one of them is in the active state. Here’s an example from my TV: