🗞️ Дайджест новин та статей зі світу Frontend розробки за 10.11.2025:
🔹 Поетапна анімація за допомогою сестринських функцій CSS-* Функції - читати
🔹 Ланцюжок помилок у JavaScript: чистіша налагодження з Error.cause - читати
🔹 Поетапна анімація за допомогою сестринських функцій CSS-* Функції - читати
🔹 Ланцюжок помилок у JavaScript: чистіша налагодження з Error.cause - читати
Frontend Masters
Staggered Animation with CSS sibling-* Functions
The CSS functions sibling-index() and sibling-count() return an element’s position relative to its siblings and the total number of siblings, including itself. This is useful for styling elements based on their positions.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 12.11.2025:
🔹 Виявлення резервних позицій за допомогою прив'язаних контейнерних запитів з Chrome 143 - читати
🔹 ReleasesNode.js v25.2.0 (поточний) - читати
🔹 ВипущеноNode.js v24.11.1 (LTS) - читати
🔹 Виявлення резервних позицій за допомогою прив'язаних контейнерних запитів з Chrome 143 - читати
🔹 ReleasesNode.js v25.2.0 (поточний) - читати
🔹 ВипущеноNode.js v24.11.1 (LTS) - читати
Chrome for Developers
Detect fallback positions with anchored container queries from Chrome 143 | Blog | Chrome for Developers
🗞️ Дайджест новин та статей зі світу Frontend розробки за 13.11.2025:
🔹 Синтаксис діапазону для запитів до стилів - читати
🔹 Застарілі технології в стеку браузерів - читати
🔹 Адаптивний список складених/перекритих зображень - читати
🔹 Синтаксис діапазону для запитів до стилів - читати
🔹 Застарілі технології в стеку браузерів - читати
🔹 Адаптивний список складених/перекритих зображень - читати
Una.im
Range Syntax for Style Queries
Learn how to use the new range syntax for CSS style queries and the if() function.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 14.11.2025:
🔹 Ідеально загострені підказки: До кутів - читати
🔹 Візуальна налагодження CSS API геймпада за допомогою шарів CSS - читати
🔹 Ідеально загострені підказки: До кутів - читати
🔹 Візуальна налагодження CSS API геймпада за допомогою шарів CSS - читати
Frontend Masters
Perfectly Pointed Tooltips: To The Corners
Ready for the last challenge?
🗞️ Дайджест новин та статей зі світу Frontend розробки за 15.11.2025:
🔹 Випущено ESLint v10.0.0-alpha.0 - читати
🔹 Випущено ESLint v10.0.0-alpha.0 - читати
eslint.org
ESLint v10.0.0-alpha.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 розробки за 18.11.2025:
🔹 Адаптивний круговий список зображень, що складаються/перекриваються - читати
🔹 ReleasesNode.js v25.2.1 (поточний) - читати
🔹 Адаптивний круговий список зображень, що складаються/перекриваються - читати
🔹 ReleasesNode.js v25.2.1 (поточний) - читати
Css-Tip
Responsive Circular List of Stacked/Overlapping Images
Images placed around a circle with a slight overlap and a nice hover effect
🗞️ Дайджест новин та статей зі світу Frontend розробки за 19.11.2025:
🔹 Список браузерів та базовий рівень - читати
🔹 Список браузерів та базовий рівень - читати
Frontend Masters
Browserslist & Baseline
I saw Tony Conway & Jeremy Wagner’s post on web.dev, Use Baseline with Browserslist, and I had a little play with it myself (saved live stream). Allow me to write down what I know and what I learned.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 20.11.2025:
🔹 Динамічна позиція підказки з анкерним позиціонуванням IV - читати
🔹 Динамічна позиція підказки з анкерним позиціонуванням IV - читати
Css-Tip
Dynamic Tooltip Position with Anchor Positioning IV
A tooltip with a stretchy arrow that follows its anchor
🗞️ Дайджест новин та статей зі світу Frontend розробки за 21.11.2025:
🔹 Більше вивчення CSS random() через експерименти - читати
🔹 Токени ключових кадрів: Стандартизація анімації в різних проектах - читати
🔹 Більше вивчення CSS random() через експерименти - читати
🔹 Токени ключових кадрів: Стандартизація анімації в різних проектах - читати
Frontendmasters
More CSS random() Learning Through Experiments
There is quite a bit of interesting design possibility with `random()` coming to CSS. It pairs nicely with animation, particularly animation-composition for agumenting those generated values.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 25.11.2025:
🔹 Як створювати 3D-зображення в CSS за допомогою шаруватого шаблону - читати
🔹 Форма стрілки з урахуванням напрямку з використанням кута - читати
🔹 ВипущеноNode.js v20.19.6 (LTS) - читати
🔹 Як створювати 3D-зображення в CSS за допомогою шаруватого шаблону - читати
🔹 Форма стрілки з урахуванням напрямку з використанням кута - читати
🔹 ВипущеноNode.js v20.19.6 (LTS) - читати
Frontend Masters
How to Create 3D Images in CSS with the Layered Pattern
3D CSS has been around for a while. The earliest implementation of 3D CSS you can find is in one of W3C’s earliest specifications on 3D transforms in 2009. That’s exactly 15 years after CSS was introduced to the web in 1994, so it’s a really long time!
🗞️ Дайджест новин та статей зі світу Frontend розробки за 27.11.2025:
🔹 Монетизація в Інтернеті все ще просувається, але все ще занадто складна - читати
🔹 CSS-фігури з підтримкою напрямку - читати
🔹 Монетизація в Інтернеті все ще просувається, але все ще занадто складна - читати
🔹 CSS-фігури з підтримкою напрямку - читати
Frontend Masters
Web Monetization is Still Inching Along, But Still Too Difficult
I was a big fan of Coil back when it existed. The surface story of Coil was it was a browser extension you could install and you’d hook it up to an “online wallet” (with currency in it). Then websites could put a <meta> (or <link>?) tag on their website that…
🗞️ Дайджест новин та статей зі світу Frontend розробки за 28.11.2025:
🔹 Випущено ESLint v10.0.0-alpha.1 - читати
🔹 Випущено ESLint v10.0.0-alpha.1 - читати
eslint.org
ESLint v10.0.0-alpha.1 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 розробки за 01.12.2025:
🔹 React змінився, і ваші хуки також мають змінитися - читати
🔹 Анонс Oxfmt Alpha - читати
🔹 React змінився, і ваші хуки також мають змінитися - читати
🔹 Анонс Oxfmt Alpha - читати
Allthingssmitty
React has changed, your Hooks should too - Matt Smith
Modern React has moved beyond overusing useEffect. Discover the Hook patterns that enable cleaner logic, fewer bugs, and scalable architecture in 2026.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 02.12.2025:
🔹 Як додавати та видаляти елементи з власної каруселі CSS (...за допомогою CSS) - читати
🔹 Швидкий хіт #63 - читати
🔹 Каменярство: Речі, для яких вам більше не знадобиться бібліотека - читати
🔹 Галерея перекошених зображень з ефектом наведення - читати
🔹 Як додавати та видаляти елементи з власної каруселі CSS (...за допомогою CSS) - читати
🔹 Швидкий хіт #63 - читати
🔹 Каменярство: Речі, для яких вам більше не знадобиться бібліотека - читати
🔹 Галерея перекошених зображень з ефектом наведення - читати
Frontend Masters
How to Add and Remove Items From a Native CSS Carousel (…with CSS)
The CSS Overflow Module Level 5 defines specs for scrolling controls that enable users to navigate overflow content without manually scrolling (like click-and-dragging the scrollbar, the trackpad, a scrollwheel, or the like). This includes scroll buttons…
🗞️ Дайджест новин та статей зі світу Frontend розробки за 03.12.2025:
🔹 Розширення розмиття неквадратних зображень - читати
🔹 Vite 8 Beta: Vite на основі Rolldown - читати
🔹 Розширення розмиття неквадратних зображень - читати
🔹 Vite 8 Beta: Vite на основі Rolldown - читати
Frontend Masters
Non-Square Image Blur Extensions
I recently came across this CodePen demo by Vivi Tseng, which creates the blur extension effect by placing a square div with a blur() beneath the img element and I couldn’t help but think a simpler solution should be possible with a single img element and…
🗞️ Дайджест новин та статей зі світу Frontend розробки за 04.12.2025:
🔹 Швидкий хіт №64 - читати
🔹 Приховані селектори HTML-елемента - читати
🔹 Що нового у ViteLand: підсумки листопада 2025 - читати
🔹 Швидкий хіт №64 - читати
🔹 Приховані селектори HTML-елемента - читати
🔹 Що нового у ViteLand: підсумки листопада 2025 - читати
CSS-Tricks
Quick Hit #64 | CSS-Tricks
Chrome 143 has introduced anchored fallback container queries to help us query the currently applied fallback position of anchored elements.
Forwarded from Daria Selezen
🎙️ Новий випуск Fwdays JavaScript Talks уже на каналі!
Наші постійні ведучі, Романи, разом із гостем подкасту Денисом Поповим, Frontend Developer в Nova Digital, обговорять теми:
🔍 Пошук роботи та як вижити серед скорочень?
🌟 Чи справді фронтендеру потрібен особистий бренд і як він допомагає?
🛠️ Як змінюються вимоги до розробників?
👇 Заглядайте в коментарі - там можна поділитися враженнями та думками.
👍 І не забудьте підписатися, щоб не пропустити нові випуски!
🎧 Також послухати подкаст можна тут:
- SoundCloud
- Spotify
- YouTube Music
- Apple Podcast
Наші постійні ведучі, Романи, разом із гостем подкасту Денисом Поповим, Frontend Developer в Nova Digital, обговорять теми:
🔍 Пошук роботи та як вижити серед скорочень?
🌟 Чи справді фронтендеру потрібен особистий бренд і як він допомагає?
🛠️ Як змінюються вимоги до розробників?
👇 Заглядайте в коментарі - там можна поділитися враженнями та думками.
👍 І не забудьте підписатися, щоб не пропустити нові випуски!
🎧 Також послухати подкаст можна тут:
- SoundCloud
- Spotify
- YouTube Music
- Apple Podcast
🗞️ Дайджест новин та статей зі світу Frontend розробки за 05.12.2025:
🔹 Недоліки смуги прокрутки: стабільність; (і один дивний трюк) - читати
🔹 Швидкий хіт №66 - читати
🔹 Недоліки смуги прокрутки: стабільність; (і один дивний трюк) - читати
🔹 Швидкий хіт №66 - читати
Frontend Masters
The Downsides of scrollbar-gutter: stable; (and one weird trick)
The esteemed Zach (Leatherpants), blogged about the virtues of scrollbar-gutter: stable;, suggesting it might be good in a starter stylesheet. (Hey, I’ve got one of those.) The thing that it solves is content-shifting. If you have a page that, upon first…
🗞️ Дайджест новин та статей зі світу Frontend розробки за 06.12.2025:
🔹 Fizz Buzz з використанням сучасного CSS (без HTML) - читати
🔹 Fizz Buzz з використанням сучасного CSS (без HTML) - читати
Css-Tip
Fizz Buzz using Modern CSS (no HTML)
A fun experiment using modern CSS to create the classic Fizz Buzz