🗞️ Дайджест новин та статей зі світу Frontend розробки за 14.11.2025:
🔹 Ідеально загострені підказки: До кутів - читати
🔹 Візуальна налагодження CSS API геймпада за допомогою шарів CSS - читати
🔹 Ідеально загострені підказки: До кутів - читати
🔹 Візуальна налагодження CSS API геймпада за допомогою шарів CSS - читати
master.dev
Perfectly Pointed Tooltips: To The Corners
With our foundation in positioning and flipping tooltips with anchors, and making pointer tails, we're going to get extra tricky and point them diagonally.
🗞️ Дайджест новин та статей зі світу 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 розробки за 25.11.2025:
🔹 Як створювати 3D-зображення в CSS за допомогою шаруватого шаблону - читати
🔹 Форма стрілки з урахуванням напрямку з використанням кута - читати
🔹 ВипущеноNode.js v20.19.6 (LTS) - читати
🔹 Як створювати 3D-зображення в CSS за допомогою шаруватого шаблону - читати
🔹 Форма стрілки з урахуванням напрямку з використанням кута - читати
🔹 ВипущеноNode.js v20.19.6 (LTS) - читати
blog.master.dev
How to Create 3D Images in CSS with the Layered Pattern
Repeat the same content over and over on top of each other, and you can move each of them just a smidge in 3D space creating the illusion of shape.
🗞️ Дайджест новин та статей зі світу 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 - читати
🔹 Каменярство: Речі, для яких вам більше не знадобиться бібліотека - читати
🔹 Галерея перекошених зображень з ефектом наведення - читати
blog.master.dev
How to Add and Remove Items From a Native CSS Carousel (…with CSS)
It's already quite impressive you can build a carousel with no JS at all (in Chrome, for now, anyway) and with some checkbox-hack stuff we can control dynamically what is shown.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 03.12.2025:
🔹 Розширення розмиття неквадратних зображень - читати
🔹 Vite 8 Beta: Vite на основі Rolldown - читати
🔹 Розширення розмиття неквадратних зображень - читати
🔹 Vite 8 Beta: Vite на основі Rolldown - читати
blog.master.dev
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 розробки за 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
🗞️ Дайджест новин та статей зі світу Frontend розробки за 09.12.2025:
🔹 CSS Wrapped: 2025! - читати
🔹 Держава, логіка та рідна сила: CSS в обгортці 2025 року - читати
🔹 Анонс Oxlint Type-Aware Linting Alpha - читати
🔹 CSS Wrapped: 2025! - читати
🔹 Держава, логіка та рідна сила: CSS в обгортці 2025 року - читати
🔹 Анонс Oxlint Type-Aware Linting Alpha - читати
CSS Wrapped 2025
Sculpt dynamic interfaces, stretch your imagination, and play with these 22 powerful new CSS features that landed in Chrome this year.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 11.12.2025:
🔹 ВипущеноNode.js v24.12.0 (LTS) - читати
🔹 ВипущеноNode.js v24.12.0 (LTS) - читати
nodejs.org
Node.js — Node.js 24.12.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.