Front-end Digest № 159: Новий HTML елемент usermedia, TypeScript — мова № 1 на GitHub та Quake на CSS

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

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

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

• Про семантичний веб
• Представляємо Safari MCP сервер для веброзробників
• Чи готовий ваш сайт до роботи з агентами на базі штучного інтелекту? Lighthouse тепер має відповідь
• Google I/O 2026: Що нового у web UI
• Представляємо HTML-елемент <usermedia>
• usermedia: Chrome хоче, щоб запити на дозвіл на використання камери відображалися саме в браузері, а не у вашому додатку
• TypeScript щойно став мовою № 1 на GitHub: ось чому
• Чому залежності npm становлять більшу загрозу безпеці, ніж ваш код
• Ден Абрамов приєднався до команди Next.js у компанії Vercel, part-time

• Доступність
  • a11y.quest — 128 запитань, які допоможуть вам покращити свої знання з доступності
  • Чому доступність є операційною можливістю, а не фічею

• Ефекти
  • Створення неперервних Page Transitions з WebGPU та нативним JavaScript
  • Порт Quake1, який рендерить BSP-світи як реальну HTML/CSS 3D-геометрію через PolyCSS, без WebGL чи Canvas-рендерера
  • Повний 3D-шлях цифрового персонажа, від фотограмметрії та ригінгу до анімації та оптимізації WebGL.
  • WebGL без GPU

CSS

• Функція `background-clip` отримає апгрейд!
• Динамічна типографіка за допомогою progress()
• Припиніть писати застарілий CSS: сучасні функції, якими варто користуватися замість цього
• Розмита межа між станами CSS та подіями JavaScript
• Виправлення full-bleed лейаутів в CSS
• Настроювана висота селекта
• Створення ефекту «глітч» для тексту, використовуючи лише CSS

JavaScript

• Різні підходи до гідратації та рендерингу
• Cloudflare Workers та Hyperdrive у поєднанні з TanStack Start
• Приховані витрати невідповідностей гідратації
• Сучасний посібник із тестування та мокінгу Nuxt

• React
  • Next.js 16.3: вдосконалення в області AI
  • Rolldown припиняє інтеграцію React-компілятора на Rust через збільшення розміру бінарного файлу
  • Каверзні питання з тестування React для інженерів
  • Я довірив компілятору React мемоізацію: ось що пішло не так
  • Як виправити невідповідності гідратації RSC у Next.js

• Angular
  • Angular 22: Пояснення дедуплікації hostDirectives
  • Управління станом в Angular 22: Signals, SignalStore чи NgRx?

Меми