Front-end Digest № 144: браузерний редактор SVG анімацій, математика для Masonry і довга подорож Temporal

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

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

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

• Від універсальної до персоналізованої доступності: як еволюціонують інтерфейси
• Вбудовані модулі JSON нарешті стали реальністю
• Створення плавних 3D-переходів за допомогою Webflow, GSAP та Three.js
• Вебсторінка розміром 49 МБ
• Bun працює швидко. Ваш цикл подій — ні.

• Інструменти
  • SVG Studio: браузерний редактор анімації, що перетворює статичну векторну графіку на шовковисті ключові анімації та експортує чисті, самодостатні SVG.
  • WebMCP перетворює будь-яку веб-сторінку в Chrome на сервер MCP для AI агентів
  • Tales from the Void: Звіт Void(0) про тиждень запусків у березні
  • Коли Deno або Bun є кращим рішенням, ніж Node.js

CSS

• Дропдауни в контейнерах, що прокручуються: причини багів і способи коректного виправлення
• Галерея зображень з попапами та AIM (Якірно-інтерпольований морфінг)
• Макет Flexbox Masonry (пояснення з використанням математики)
• Ще простіше перемикання між світлим і темним режимами: функція light-dark() незабаром отримає підтримку зображень!
• Виділення виносок

JavaScript

• Temporal: 9-річна подорож до вдосконалення роботи з часом у JavaScript
• JavaScript для всіх: Деструктурування
• TC39 переводить Temporal на 4-й етап разом із кількома пропозиціями щодо ECMAScript
• «Стан JavaScript у 2025 році»: опитування свідчить про дозрівання екосистеми та зміцнення домінуючих позицій TypeScript
• Раз і назавжди розбираємось з Lexical environment, Scope та Closures в Javascript
• Огляд стану Vue та Vite у 2026 році: підсумки конференції в Амстердамі

• React
  • Менше коду, більше можливостей: чому ми створили власний React Server Components фреймворк
  • Два дизайнерські рішення React, які розробникам не подобаються, але яких вони не можуть уникнути
  • Чому ми заборонили використання useEffect у React
  • Як ми використовували Next.js для поліпшення показників Core Web Vitals у SaaS
  • Порівняння React SSR фреймворків: TanStack Start, React Router та Next.js при навантаженні

Меми

•

•