Front-end Digest № 156: Важлива зміна в npm v12, нативні скролл-анімації та кінець адаптивним зображенням

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

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

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

• Tales from the Void: підсумки травня 2026
• Аспекти безпеки агентів для WebMCP
• Як HTML-орієнтований сайт подвоїв нашу аудиторію за ніч
• Кінець адаптивним зображенням
• Оптимізація зображень для показників Core Web Vitals у 2026 році: що насправді має значення
• Продуктивність — це не технічна проблема

• Інструменти
  • Я б хотів, щоб Deno продовжував робити те, що вміє найкраще
  • Що Bun може розповісти нам про AI, відкрите програмне забезпечення та компанію Anthropic
  • npm v12 приносить одне з найбільших покращень безпеки за останні роки
  • npm v12 припинить виконання скриптів інсталяції. Ми перевірили наші репозиторії, щоб з’ясувати, що саме перестане працювати

• Ефекти
  • transitions.dev — добірка найнеобхідніших UI ефектів, які можна просто скопіювати та вставити в будь-який проєкт.
  • Створення ефекта скла для вебсайтів
  • Scroll-Driven, Scroll-Triggered, Scroll States, та View Transitions
  • Намалювати неможливе: 3D-портфоліо, створене без жодної 3D-моделі

CSS

• Практичний посібник по Grid Lanes
• Анімовані SVG-карти на CSS
• Анімації появи та зникнення: діалогові вікна (частина 2/3)
• Чому мій 3D-перехід не працює?
• Розвінчання міфів про View Transition Pseudo Tree
• Скоротіть навантаження JavaScript завдяки без- або мало-JS варіантам
• Керована прокруткою анімація зі зміщенням на CSS @function
• Використання CSS Hex-кодів кольорів зі значеннями прозорості
• Як налаштувати смуги прокрутки за допомогою CSS: повний посібник
• CSS: Неминучі недоліки
• Створення незабутніх веб-вражень: Сучасний CSS-набір інструментів

JavaScript

• React теж переписують на Rust? Компілятор у 10 разів швидший, а код генерує ШІ
• Створення інтерактивних діаграм на JavaScript: посібник для розробників
• Прихована проблема зайвого async
• TanStack Start: ментальна модель для розробників на Next.js
• Як React Server Components інтегруються з бандлером
• Як використовувати параметри запиту з Angular Router
• Нове в Angular 22: Директиви для порталів компонентів CDK
• Новина однією строкою: більшість пов’язаних із React репозиторіїв переїхали з facebook GitHub organization до react GitHub organization, що відображає перехід до React Foundation. Сюди входять React, React Native, Yoga, JSX, Metro, React-Strict-DOM, Create-React-App та інші. Це символізує кінець епохи facebook/react, і початок react/react.

Меми