https://dou.ua/forums/topic/51735/ - мій перший топік на DOU 🙃
DOU
Можливо прийшов час перестати використовувати БЕМ ?
Методологія BEM вже давно стала частиною арсеналу веб-розробників, але чи актуальна вона у 2024 році? Денис Попов, Frontend-розробник Nova Digital, поділився своїм поглядом на переваги та недоліки цієї технології й відповів на запитання: чи варто сьогодні
🔥19👍3
Відносно нові речі, які ви повинні знати про HTML у 2025 року - https://frontendmasters.com/blog/bone-up-html-2025/
👍14
https://una.im/advanced-attr/ - Нові можливості attr()
Цікава стаття.
Точно вартої вашої уваги бо впевнений що рано чи пізно у вас буде кейс де attr() вас спасе 😉
https://css-tricks.com/positioning-text-around-elements-with-css-offset/ - Розташування тексту навколо елементів із зсувом CSS. Виглядає дуже гарно
https://css-tricks.com/some-things-you-might-not-know-about-custom-counter-styles/ - Деякі речі, які ви можете не знати про спеціальні стилі лічильників
Цікава стаття.
Точно вартої вашої уваги бо впевнений що рано чи пізно у вас буде кейс де attr() вас спасе 😉
https://css-tricks.com/positioning-text-around-elements-with-css-offset/ - Розташування тексту навколо елементів із зсувом CSS. Виглядає дуже гарно
https://css-tricks.com/some-things-you-might-not-know-about-custom-counter-styles/ - Деякі речі, які ви можете не знати про спеціальні стилі лічильників
👍5
Всім првиіт
Стартувало друге голосування на Премію Доу
Я увійшов у шорт ліст серед кандитатів в категоріі "Вони – надихають"
Тому, якщо у вас є трохи хвилинок, зайдіть сюди https://dou.ua/awards-2025/ і залиште будь ласка свій голос 😉
Стартувало друге голосування на Премію Доу
Я увійшов у шорт ліст серед кандитатів в категоріі "Вони – надихають"
Тому, якщо у вас є трохи хвилинок, зайдіть сюди https://dou.ua/awards-2025/ і залиште будь ласка свій голос 😉
🔥10
😍 JavaScript fwdays’25 – головна подія року для JS-розробників!
Хочете бути в курсі останніх трендів у JavaScript, почути топових спікерів та познайомитися з однодумцями?
🗓 Дата: 24 травня 2025
📍 Де: Онлайн + Київ (офлайн)
🎤 Спікери: ТОП JS-гуру, яких ви точно знаєте
На вас чекають реальні кейси, новітні технології та багато коду!
Використайте промокод POPOVJS10 та отримайте знижку 10%, деталі за посиланням 👉 https://bit.ly/43lx7FL
Хочете бути в курсі останніх трендів у JavaScript, почути топових спікерів та познайомитися з однодумцями?
🗓 Дата: 24 травня 2025
📍 Де: Онлайн + Київ (офлайн)
🎤 Спікери: ТОП JS-гуру, яких ви точно знаєте
На вас чекають реальні кейси, новітні технології та багато коду!
Використайте промокод POPOVJS10 та отримайте знижку 10%, деталі за посиланням 👉 https://bit.ly/43lx7FL
❤6
Що важливіше, soft skills чи hard skills?
Уявімо ситуацію: на співбесіду приходять два кандидати. Один — впевнений у технічних знаннях, швидко вирішує задачі, але не надто комунікабельний. Інший — не має великого досвіду, але легко навчається, вміє спілкуватися, добре відчуває командну динаміку. Кого обрати?
Soft skills — це не просто “вміння говорити”.
Це про критичне мислення, відкритість до зворотного зв’язку, готовність працювати в команді й адаптуватись. Навіть якщо людина ще не дотягує технічно, але активно розвивається і вміє взаємодіяти — у довгостроковій перспективі це часто приносить більше користі.
Але й hard skills не менш важливі.
Сильний технічний бекграунд дозволяє швидше реалізовувати складні рішення, не витрачати час на базові речі, не боятися нових задач. Досвідчений розробник може стати опорою для команди, навчати інших, тримати якість продукту на високому рівні.
Найкраще — це баланс.
Розробник, який має потужну технічну базу і при цьому не втрачає гнучкості мислення та комунікабельності — справжня знахідка.
А якщо обирати між двома крайнощами — то який кандидат буде краще?
Уявімо ситуацію: на співбесіду приходять два кандидати. Один — впевнений у технічних знаннях, швидко вирішує задачі, але не надто комунікабельний. Інший — не має великого досвіду, але легко навчається, вміє спілкуватися, добре відчуває командну динаміку. Кого обрати?
Soft skills — це не просто “вміння говорити”.
Це про критичне мислення, відкритість до зворотного зв’язку, готовність працювати в команді й адаптуватись. Навіть якщо людина ще не дотягує технічно, але активно розвивається і вміє взаємодіяти — у довгостроковій перспективі це часто приносить більше користі.
Але й hard skills не менш важливі.
Сильний технічний бекграунд дозволяє швидше реалізовувати складні рішення, не витрачати час на базові речі, не боятися нових задач. Досвідчений розробник може стати опорою для команди, навчати інших, тримати якість продукту на високому рівні.
Найкраще — це баланс.
Розробник, який має потужну технічну базу і при цьому не втрачає гнучкості мислення та комунікабельності — справжня знахідка.
А якщо обирати між двома крайнощами — то який кандидат буде краще?
❤8
⚛️ Хочете розібратись у React на глибокому рівні та дізнатись, як працює сучасний фронтенд?
Приєднуйтесь до щорічної конференції React+ fwdays’25! 🚀
📅 18 жовтня 2025
📍 Київ (офлайн + онлайн)
У програмі:
- Практичні кейси з реальних проєктів
- Архітектура, DevEx, продуктивність, інфраструктура
- Теми з ширшої JS‑екосистеми
- Живе спілкування без формальностей
✅ Знижка 15% за промокодом: POPOVREACT15.
🎟 Реєструйтесь зараз: деталі та квитки тут.
🎤 Call for Papers
Хочете бути спікером або спікеркою? Ми шукаємо круті практичні доповіді.
Залишити заявку
Приєднуйтесь до щорічної конференції React+ fwdays’25! 🚀
📅 18 жовтня 2025
📍 Київ (офлайн + онлайн)
У програмі:
- Практичні кейси з реальних проєктів
- Архітектура, DevEx, продуктивність, інфраструктура
- Теми з ширшої JS‑екосистеми
- Живе спілкування без формальностей
✅ Знижка 15% за промокодом: POPOVREACT15.
🎟 Реєструйтесь зараз: деталі та квитки тут.
🎤 Call for Papers
Хочете бути спікером або спікеркою? Ми шукаємо круті практичні доповіді.
Залишити заявку
Fwdays
React+ fwdays’25 - практична конференція про React та сучасний JavaScript
❤2👍1🔥1
🗞️ Дайджест новин та статей зі світу Frontend розробки за 05.08.2025:
🔹 Що нового у ViteLand: Підсумки липня 2025 - читати
🔹 Що нового у ViteLand: Підсумки липня 2025 - читати
void(0)
What’s New in ViteLand: July 2025 Recap
July 2025 brings exciting updates in the Vite ecosystem, including the release of Vite 7, Rolldown's new features, and the upcoming ViteConf in Amsterdam. Discover the latest news in Vite, Vitest, Oxc, Rolldown and more!
❤1
🗞️ Дайджест новин та статей зі світу Frontend розробки за 06.08.2025:
🔹 Нескінченна анімація шатра з використанням сучасного CSS - читати
🔹 Нескінченна анімація шатра з використанням сучасного CSS - читати
Frontend Masters
Infinite Marquee Animation using Modern CSS
A set of logos with an infinite repeating slide animation is a classic component in web development. We can find countless examples and implementations starting from the old (and now deprecated) <marquee> element. I’ve written an article about it myself a…
🔥3❤1
🗞️ Дайджест новин та статей зі світу Frontend розробки за 06.08.2025:
🔹 ReleasesNode.js v24.5.0 (поточний) - читати
🔹 ВипущеноNode.js v22.18.0 (LTS) - читати
🔹 Випущено ESLint v9.32.0 - читати
🔹 ReleasesNode.js v24.5.0 (поточний) - читати
🔹 ВипущеноNode.js v22.18.0 (LTS) - читати
🔹 Випущено ESLint v9.32.0 - читати
nodejs.org
Node.js — Node.js v24.5.0 (Current)
Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and noscripts.
❤2
🗞️ Дайджест новин та статей зі світу Frontend розробки за 07.08.2025:
🔹 Отримання кількості стовпців автопідбору/автозаповнення в CSS - читати
🔹 Послідовна анімація з N елементів - читати
🔹 Отримання кількості стовпців автопідбору/автозаповнення в CSS - читати
🔹 Послідовна анімація з N елементів - читати
Frontend Masters
Get the number of auto-fit/auto-fill columns in CSS
Ever wanted to get the number of auto-fit/auto-fill columns in a grid? For example, because you want to highlight just the items in the first or last row or column? Do something special just for even or for odd rows or columns (e.g. zebra striping)? Or for…
❤3
🗞️ Дайджест новин та статей зі світу Frontend розробки за 08.08.2025:
🔹 Потужність інтернаціонального API: Вичерпний посібник з інтернаціоналізації на основі браузера - читати
🔹 Потужність інтернаціонального API: Вичерпний посібник з інтернаціоналізації на основі браузера - читати
Smashing Magazine
The Power Of The Intl API: A Definitive Guide To Browser-Native Internationalization — Smashing Magazine
Internationalization isn’t just translation. It’s about formatting dates, pluralizing words, sorting names, and more, all according to specific locales. Instead of relying on heavy third-party libraries, modern JavaScript offers the Intl API — a powerful…
❤2
🗞️ Дайджест новин та статей зі світу Frontend розробки за 09.08.2025:
🔹 Випущено ESLint v9.33.0 - читати
🔹 Випущено ESLint v9.33.0 - читати
eslint.org
ESLint v9.33.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 розробки за 11.08.2025:
🔹 Використання API користувацького виділення - читати
🔹 Використання API користувацького виділення - читати
Frontend Masters
Using the Custom Highlight API
The Custom Highlight API came to my attention recently as Firefox recently started supporting it (Firefox 140, June 2025), which brought support across all the major browsers. With it, you can apply (some) styling to text that you get your hands on in JavaScript…
🗞️ Дайджест новин та статей зі світу Frontend розробки за 13.08.2025:
🔹 Нам може знадобитися щось середнє між кореневими та відносними блоками CSS для "базових елементів" - читати
🔹 Нам може знадобитися щось середнє між кореневими та відносними блоками CSS для "базових елементів" - читати
CSS-Tricks
We Might Need Something Between Root and Relative CSS Units for "Base Elements" | CSS-Tricks
I've come to realize that perhaps we need to have a unit between root and relative values. This would bring about a whole new possibility when creating reusable components.
👍1
🗞️ Дайджест новин та статей зі світу Frontend розробки за 14.08.2025:
🔹 5 корисних функцій CSS з новим правилом @function - читати
🔹 Динамічні запити до медіа/контейнерів з використанням if() - читати
🔹 5 корисних функцій CSS з новим правилом @function - читати
🔹 Динамічні запити до медіа/контейнерів з використанням if() - читати
Una.im
5 Useful CSS functions using the new @function rule
CSS custom functions are a gamechanger. Here are 5 really useful examples.
👍1
🗞️ Дайджест новин та статей зі світу Frontend розробки за 15.08.2025:
🔹 ReleasesNode.js v24.6.0 (поточний) - читати
🔹 ReleasesNode.js v24.6.0 (поточний) - читати
nodejs.org
Node.js — Node.js v24.6.0 (Current)
Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and noscripts.
👍1
🗞️ Дайджест новин та статей зі світу Frontend розробки за 20.08.2025:
🔹 Гарна архітектура ванільного додатка з використанням веб-компонентів і скриптів модулів CSS - читати
🔹 Кругова галерея округлих зображень - читати
🔹 Веб-дизайн: На що здатен веб, що важко виразити в дизайнерському програмному забезпеченні? - читати
🔹 Гарна архітектура ванільного додатка з використанням веб-компонентів і скриптів модулів CSS - читати
🔹 Кругова галерея округлих зображень - читати
🔹 Веб-дизайн: На що здатен веб, що важко виразити в дизайнерському програмному забезпеченні? - читати
Frontend Masters
A Nice Vanilla App Architecture Using Web Components and CSS Module Scripts
It’s an established Good Idea™ that building digital interfaces of any kind is best done by building components and then piecing together the interfaces from those components. This can be sliced and diced a lot of ways, but generally: a component is a reasonable…
👍2
🗞️ Дайджест новин та статей зі світу Frontend розробки за 22.08.2025:
🔹 Спостереження над гладкими радіально-градієнтними() краями диска - читати
🔹 Анонсуємо Oxlint Type-Aware Linting - ворсування з урахуванням типу - читати
🔹 Спостереження над гладкими радіально-градієнтними() краями диска - читати
🔹 Анонсуємо Oxlint Type-Aware Linting - ворсування з урахуванням типу - читати
Frontend Masters
Obsessing Over Smooth radial-gradient() Disc Edges
(… and how that lead me to a very underused CSS feature, resolution media queries.)