🗞️ Дайджест новин та статей зі світу 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
🗞️ Дайджест новин та статей зі світу 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 розробки за 10.12.2025:
🔹 Глибока карткова загадка - читати
🔹 Швидкий хіт №68 - читати
🔹 Швидкий хіт №69 - читати
🔹 Глибока карткова загадка - читати
🔹 Швидкий хіт №68 - читати
🔹 Швидкий хіт №69 - читати
Frontend Masters
The Deep Card Conundrum
In the world of web design, we often talk about “cards”. Those neat little rectangles that group information together are the bread and butter of modern UI. But usually, these cards are as flat as the screens they live on. Maybe they have a subtle drop shadow…
🗞️ Дайджест новин та статей зі світу Frontend розробки за 11.12.2025:
🔹 ВипущеноNode.js v24.12.0 (LTS) - читати
🔹 ВипущеноNode.js v24.12.0 (LTS) - читати
nodejs.org
Node.js — Node.js v24.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 noscripts.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 12.12.2025:
🔹 Деякі публікації в блозі, які я хотів би прочитати - читати
🔹 Деякі публікації в блозі, які я хотів би прочитати - читати
Frontend Masters
Some Blog Posts I’d Like to Read
These are just some of a million potential ideas, admittedly with a slightly clickbaity flair to them.
🗞️ Дайджест новин та статей зі світу Frontend розробки за 13.12.2025:
🔹 Випущено ESLint v10.0.0-beta.0 - читати
🔹 Випущено ESLint v9.39.2 - читати
🔹 Випущено ESLint v10.0.0-beta.0 - читати
🔹 Випущено ESLint v9.39.2 - читати
eslint.org
ESLint v10.0.0-beta.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.12.2025:
🔹 Випущено ESLint v10.0.0-beta.0 - читати
🔹 Випущено ESLint v9.39.2 - читати
🔹 Випущено ESLint v10.0.0-beta.0 - читати
🔹 Випущено ESLint v9.39.2 - читати
eslint.org
ESLint v10.0.0-beta.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.