Front-end Digest № 105: як JavaScript зламав веб, область видимості в CSS та ви не фронтендер, поки не...

💡 Усі статті, обговорення, новини про Front-end — в одному місці. Приєднуйтесь до Front-end спільноти!

Привіт, колеги. Мене звати Олександр, я займаюся фронтендом в компанії Zfort Group. Маю для вас свіжий дайджест з цікавими матеріалами зі світу фронтенду за останній тиждень.

Веброзробка

• У пакетах npm виявили код, який циклічно відтворює гімн України для відвідувачів російських сайтів
• Ви не фронтенд-розробник, поки не...
• Оновлення Baseline: будьте в курсі нових вебможливостей
• Bluesky любить вебкомпоненти. Lea Verou ділиться деталями створення номпонентів, які вона створила для соціальної мережі
• Егоїстичні причини для створення доступних інтерфейсів
• Як використовувати API Interest Invoker для кращого UX
• Краще разом: розробка вебзастосунків з Astro та Alpine

• Інструменти
  • Biome v2 офіційно вийшов
  • Що нового в DevTools, Chrome 138
  • Frontend devs: як отримати максимум від Cursor
  • Розробник Vite про єдиний інструментарій JavaScript та Vite+
  

• Ефекти
  • Майбутнє графіки React Native: WebGPU, Skia і не тільки
  • Програмування 3D аудіовізуалізатора за допомогою Three.js, GSAP та Web Audio API
  • Створення нескінченної рухомої стрічки вздовж SVG-шляху з React & Motion

CSS

• Малювання CSS-фігур за допомогою corner-shape
• Область видимості в CSS
• Анімація масштабування за допомогою CSS: порядок трансформації важливий... іноді
• Розфарбувати все в CSS
• Колірні функції в CSS
• CSS Cascade Layers Vs. BEM Vs. Utility Classes: керування специфічністю
• Як бути в курсі нових можливостей CSS
• Як обрізати текст в CSS (однорядковий та багаторядковий)
• Посібник з анімації на основі прокрутки за допомогою CSS

JavaScript

• JavaScript зламав інтернет (і назвав це прогресом)
• Покращений API для Resize Observer
• TC39 розглядає дев’ять пропозицій JavaScript, серед яких Array.fromAsync, Error.isError та using

• React
  • Next.js Middleware: від простого захисту до гнучкої системи доступу
  • Перенесення React-івського <ViewTransition> у ванільний JS
  • 8 причин, чому ваш Next.js застосунок працює повільно — і як це виправити
  

• Vue
  • Патерн модульних компонентів: альтернативний підхід до архітектури Vue.js
  

• Angular
  • Angular Signals: нова ментальна модель реактивності, а не просто новий API
  • Angular 19 Standalone Components: швидша та простіша розробка без NgModules

Фронтенд-меми