Front-end Digest № 151: Bluetooth з JavaScript, потужність ванільного CSS та HTML для AI

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

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

Веб-розробка

• Архітектура локально-орієнтованої веброзробки
• Від React до нативного вебу з nanotags: міграція, що заощадила 100 КБ
• Claude Code в дії: Дивовижна результативність HTML
• Відкритий веб проти штучного інтелекту: що може зробити W3C?

• Інструменти
  • Представляємо Rolldown 1.0
  • Tales from the Void: підсумки квітня 2026 року
  • Я хвилююся за Bun

• Ефекти
  • Реверс-інжиніринг анімації талісмана Claude AI за допомогою SVG та GSAP
  • Від Shader Uniforms до Clip-Path Wipes: як GSAP керує моїм портфоліо
  • Tearable UI

CSS

• Як керувати нескінченними CSS-анімаціями (Частина 1 з 2)
• CSS — Найкрутіша API техніка, яку тільки можна уявити.
• Використання safe-area-inset для створення макетів, оптимізованих для мобільних пристроїв
• Media Queries Range Syntax
• Селектори CSS `n of` для умовної перевірки
• 100% CSS: repeat(—n, anything)
• CSS sibling-index() і sibling-count(): Нативне розшарування списків без JavaScript
• Scroll-Driven CSS у 2026: створення каруселей без JavaScript
• CSS math-random() у продакшені: нативна випадковість без JavaScript
• popover backdrop: анти-шаблон
• Використання властивості CSS `corner-shape` для створення заокруглених кутів
• Анімування фокусу за допомогою View Transitions
• Створення зигзагоподібних макетів у CSS за допомогою Grid + Transform Trick
• Картки фіксованої висоти: вони крихкіші, ніж здається

JavaScript

• Налагоджуємо observability в JavaScript: бібліотека за бібліотекою.
• Ви не розумієте Angular 2.0 (Change Detection)
• Бенчмарк SSG для п’яти React-фреймворків: від тисячі до пів мільйона сторінок.
• Сторінки помилок і «Не знайдено» в App Router
• Тестування Vue компонентів у браузері
• Забезпечення роботи Bluetooth Low Energy з JavaScript
• Асинхронні життєві цикли JavaScript: витік, про який ви, можливо, не підозрюєте.
• Пояснення нового API injectAsync() в Angular

Меми