Front-end Digest № 166: CSS-бомба в поштовій скриньці, міграція Cursor з Solid на React та HTML бойлерплейт в 2026

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

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

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

• Modern Web Guidance: набір skills, що надають експертизу вебплатформ, найкращі практики та дані про сумісність із браузерами безпосередньо для ваших агентів
• 100+ API-ендпоінтів і нуль інтеграційних багів. Ось мій фреймворк
• HTML і таке вміє
• Мій HTML бойлерплейт у 2026 році
• Майже ніхто вже не звертає уваги на вебстандарти
• Огляд HTML-елемента geolocation та принципів його роботи

• Ефекти
  • Часові діаграми: проєкт для SMIL-анімацій
  • Розробка анімованого блоку відгуків з використанням таймлайну GSAP і динамічних даних CMS
  • Зміна освітлення зображень за допомогою карт глибини та Three.js
  • Шістдесят кадрів для рекорду: гра на Three.js, сім прольотів і стіна кінескопів

CSS

• CSS бомба у вашій поштовій скриньці
• Дизайн-токени, вебкомпоненти та CSS @layer
• Не можете отримати доступ до DOM? Скористайтеся селектором :has(), щоб застосувати стилі до будь-якого елемента
• Сучасні кольори в CSS: oklch() та color-mix()
• Селектор префікса CSS-класу
• CSS-навігація: перші кроки
• RGB померло, хай живе RGB!
• На захист дворежимних перемикачів тем
• Native CSS Nesting
• Отримання інформації про Grid за допомогою чистого CSS
• Анімації, керовані прокруткою, та наближення при наведенні
• Сучасна плитка за допомогою CSS Grid
• 5 властивостей CSS, які варто знати для створення кращого оформлення тексту

JavaScript

• Solid 2.0 для React-розробників: міграція, яку вже зробив агент в Cursor
• Project Detroit: JavaScript V8 в Java Development Kit
• JavaScript Intl API: Практичний посібник із вбудованої інтернаціоналізації
• Як згрупувати елементи масиву за допомогою Object.groupBy()
• Корисні доповнення до JavaScript у ECMAScript 2026

• React
  • Oxlint та Oxc Transform: підтримка Compiler Support
  • Ми — команда Next.js. Запитуйте нас що завгодно! (AMA сесія на reddit)
  • Лінтування React-компілятора прискорилося завдяки Rust в Oxlint
  • Як React забезпечує авторизацію з JWT та Zustand
  • Високочастотні дані в реальному часі в React: від Ring Buffers до OffscreenCanvas
  • Надійне Query Prefetching з TanStack Router

Меми