Front-end Digest № 147: альтернативи !important, нова архітектура MDN та пришвидшення Angular з ШІ

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

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

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

• Під капотом нового фронтенду MDN
• Прихований радіус ураження компрометації Axios
• Agentic Engine Optimization (AEO)
• API Intl: найкращий браузерний API, яким ви ще не користуєтеся
• Як використовувати стандартні HTML Video & Audio Lazy-Loading в вебі вже сьогодні
• Архітектура Vertical Slice у Node.js: Одна папка на кожен сценарій використання
• Нові можливості DevTools (Chrome 147)

• Ефекти
  • Посібник із SVG Filters: Основи для початківців
  • Створення вебсайту Maxima Therapy: React, GSAP та експерименти з ШІ
  • Реалізація кастомних переходів сторінок в Astro з використанням Barba.js та GSAP

CSS

• Інверсія тем за допомогою функції light-dark()
• Іменовані контейнери: Ізоляція, якої ми потребували.
• Відтворення паззлів в CSS
• Огляд нових функцій обтікання в багатоколонковому CSS-макеті.
• Альтернативи ключовому слову !important
• Інтерактивний hover-ефект для обкладинки
• Вибір діапазону дат у CSS
• Чому CSS-арт зник із культури фронтенду
• Tailwind CSS v4.0: що змінилося, наскільки він швидкий і чи варто оновлюватися
• `font-family` fallback працює не так, як ви гадаєте

JavaScript

• Як ми пришвидшили роботу компілятора Angular за допомогою штучного інтелекту
• page-agent.js — JavaScript-агент для управління графічним інтерфейсом на сторінці. Керуйте веб-інтерфейсами за допомогою природної мови.
• Solid 2.0 Beta: підтримка в TanStack Router, Start і Query
• Відмова від Next.js у фронтенді Railway
• Вам справді, справді, справді не потрібен effect! Клянуся!

Меми