Front-end Digest № 165: UI на основі специфікацій, анімація border-image та тестування “modern-web-guidance” skill

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

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

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

• Заблокований aria-hidden: Попередження слушне, а всі ваші виправлення — хибні
• Tales from the Void: підсумки липня 2026
• Створення ШІ-агента з веб-пошуком у реальному часі на JavaScript
• Розробка UI-компонентів на основі специфікацій
• Посібник з WebAssembly
• Детальний огляд HTMX

• Ефекти
  • HAOQI.DESIGN зсередини: Як DOM та WebGL співіснують на ретро-футуристичній сцені
  • Дослідження процедурної геометрії за допомогою Three.js та WebGPU
  • Створення інтерактивного 3D-кластера за допомогою Three.js, TSL та Three Start

CSS

• Анімація CSS border-image
• Нагадування, що `system-ui` добре підтримується, а на macOS ви отримуєте San Francisco — варіативний шрифт, і запасні варіанти теж непогані
• Scroll Axis Lock
• Спливаючі підказки: спочатку затримка, потім пропуск
• Миттєві підказки з відкладеним показом лише на HTML та CSS

JavaScript

• Solid 2.0 RC: The Big <Reveal>
• ESLint у 2026: Практичний посібник із сучасного лінтингу JavaScript
• Посібник з міграції на TypeScript 6.0: Що змінилося та як оновити
• Перехід великого монорепозиторію Flow на TypeScript
• Прогресивне вдосконалення в JavaScript
• API Intersection Observer
• Припиніть використовувати хак з localStorage для синхронізації вкладок браузера. BroadcastChannel робить це вбудованими засобами.
• AbortController: як скасувати запит fetch у JavaScript

• React
  • liquid-gooey — ефекти перетікання для React UI
  • Координація оптимістичних оновлень у Next.js
  • Пояснення React Compiler: Чи все ще потрібні useMemo, useCallback та React.memo?
  • Тестування Google «modern-web-guidance» skill на реальному React-застосунку
  • Astryx проти shadcn/ui: Тестування зручної для ШІ React дизайн-системи Meta за допомогою Claude Code

Меми