Front-end Digest № 106. Оновлення формату PNG, що нового в ECMAScript 2025 та реліз Vite 7.0

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

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

Веброзробка

• Формат PNG оновлено вперше за 22 роки — нова специфікація підтримує HDR та анімацію
• Стисла історія вебботів і технік їхнього виявлення
• Крок у просторовий веб: елемент HTML model в Apple Vision Pro
• Як елемент <selectedcontent> в HTML покращує випадаючі списки
• Live Content Collections: наступний еволюційний крок контенту в Astro, що вносить функціональність даних реального часу у добре знайомий content collections API
• Декодування SVG path Element: Команди Curve та Arc

• AI
  • «ШІ вб’є 30–40% джунівських вакансій». Як штучний інтелект змінює роботу початківців у фронтенді
  • Frontend AI: Vercel спрощує модельний безлад в єдиному інтерфейсі
  • Як підготувати API для АІ-агентів

• Інструменти
  • Вийшов Vite 7.0!
  • Університет Windsurf: дізнайтеся, як прискорити робочі процеси веброзробки за допомогою Windsurf
  • Node.js 24: ваше наступне велике оновлення фронтенду?
  • Нове в Chrome 138 та Chrome 139 beta
  

• Продуктивність
  • Виміри продуктивності... і ті, хто їх обожнює
  • Як ми зменшили CKEditor на 40%: глибокий аналіз оптимізації розміру бандла

CSS

• Розуміння CSS corner-shape та можливості супереліпса
• Quantity Query Carousel
• CSS-рецепти для Blob-фігур
• Поверхневий огляд функції CSS if() у Chrome 137
• Ефект Liquid Glass в CSS

JavaScript

• Оновлення
  • Deno проти Oracle: оновлення щодо торгової марки JavaScript™
  • Ecma International затверджує ECMAScript 2025: що нового
  • ECMAScript 2025 доопрацьовано з Iterator Helpers, Set Methods, RegExp.escape та іншими можливостями
  • Що відбувається в JavaScript

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