Front-end Digest № 98: GSAP тепер безплатний, АІ-агенти та оновлення вебплатформи

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

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

Веброзробка

• Вибір найкращої моделі контролю доступу для вашого фронтенду
• Як АІ-агенти змінять веб для користувачів і розробників
• Чому HTML не має вбудованої функції include? Шукаємо відповідь
• Функціональний HTML
• Повернення до карт зображень (Image Maps)
• Interop об’єднує розробників браузерів для усунення вебнеузгодженостей
• Створення серверних вебзастосунків за допомогою htmx
• Як я свічнувся з .NET на Svelte, або чому цей фреймворк вартий уваги
• Як я створив технічний блог за допомогою Hugo та GitHub Pages

• Оновлення
  • GSAP тепер на 100% БЕЗКОШТОВНИЙ!
  • Щомісячний дайджест оновлень Baseline за березень 2025
  • Нове на вебплатформі у квітні
  • Що нового в Astro — квітень 2025
  • Що нового у Svelte — травень 2025
  

• Доступність
  • Запропонована модель оцінювання WCAG 3.0: зрушення в оцінці доступності
  • Елемент cite
  

• Ефекти
  • Хороша vs чудова анімація
  • Форма краплі з ефектом наведення
  • Анімація у кадрах: повторювані переходи зображень

CSS

• Простіша верстка з margin-trim
• Криволінійні вирізи блоків в CSS
• Команди CSS shape()
• Розміщення якірних елементів ігнорує порядок в HTML
• Поліфілінг CSS за допомогою розширень CSS-парсера
• Закруглені трикутні блоки в CSS/SVG

JavaScript

• Інформування V8: прискорення запуску JavaScript за допомогою явних підказок компілятору.
• vitepress-plugin-llms — VitePress-плагін для генерації LLM-friendly документації для ваших проєктів

• Теорія
  • SOLID: Принцип єдиної відповідальності (SRP) — серія статей
  • Як працюють Promises в JavaScript
  • JavaScript: як перетворити значення в strings
  • JavaScript, when is this?
  • Запити Axios POST: обробка помилок, автентифікація та найкращі практики
  • Глибоке занурення в Payment Request API
  

• React
  • React Internals: який useEffect запускається першим
  • React Compiler RC: що це означає для React-розробників
  • Паралельні оптимістичні оновлення в React Query
  • Надійна архітектура отримання даних для складних React/Next.js-застосунків
  

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