Front-end Digest № 169: Tailwind приєднується до Shopify, математика для стилів заголовків та реліз React 19.3

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

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

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

• Tailwind Labs приєднується до Shopify
• Застарілі HTML-сніпети та артефакти
• Вам більше не потрібен initial-scale у вашому HTML
• WebKit підтримує interactive-widget... і, сподіваємось, Safari теж?
• 10 анти-ШІ-слоп технік для фронтенд-проектів, які розвиваються швидше, ніж люди встигають їх перевіряти
• Золотий перехід, або міграція з Gatsby на Astro менш ніж за 9¾ днів

• Ефекти
  • Перетворення імен на цифрову архітектуру за допомогою Three.js
  • Still: Від Акіри до туші, розбудова генеративного саду на WebGPU
  • Будуємо нескінченну сітку рідкого скла з Three.js, WebGPU та TSL
  • WebGPU Compute Shaders для високопродуктивного підсвічування синтаксису

CSS

• Балансування стилів заголовків за допомогою математики
• Кастомний компонент скролбару у 2026
• Container style queries та розширений attr(): переосмислення зв’язку компонентів у CSS
• The Device Posture API
• Анімація CSS Grid-розміток за допомогою CSS Anchor Positioning
• Цікаві факти про CSS з минулого
• Оптимальне обгортання тексту за допомогою `position-anchor`
• neat-annotations — Мальовані стрілки та рукописні написи для вашого вебсайту. Чистий CSS, без JavaScript, без етапу збірки — один самодостатній файл.

JavaScript

• Анонс Rslib 1.0 — інструмент для створення JavaScript-бібліотек
• Двадцять років jQuery: як невелика бібліотека змінила веб-розробку
• Half Past Fetch
• Angular 00: Вступ до Angular 22

• React
  • React 19.3
  • Що насправді потрібно для міграції Discord на нову архітектуру React Native
  • nextjs: Як ми закрили 1500 GitHub-issues за місяць
  • Розмонтування React-застосунку при ввімкненні перекладу в Chrome
  • React змінився, ваші хуки теж мають змінитися [переклад з англійської]
  • TanStack Markdown проти react-markdown: що краще?
  • Перестаньте боротися з шаблонами електронних листів. Використовуйте React Email

Меми