Front-end Digest № 145: інтерактивна історія вебу, велика експансія CSS та роздуття JS

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

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

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

• «Web Rewind»: інтерактивна подорож крізь 30 років історії Інтернету
• Новинки вебплатформи в березні
• Анонс TypeScript 6.0
• Масштабна кампанія в GitHub поширює шкідливе ПЗ через підроблені попередження про безпеку VS Code.
• Делегування фокусу Shadow DOM: Правильна реалізація `delegatesFocus`
• Як створити зручний typescript full-stack monorepo
• Створення ефекту «Fluid X-Ray Reveal» з двома сценами у Three.js
• Текст без DOM: Інтерактивні експерименти на базі pretext — вимірювання тексту за допомогою чисто арифметичних методів для пропорційних шрифтів

CSS

• Велика експансія CSS
• Два кола, одна стрілка та позиціонування за допомогою Anchor Positioning
• Експерименти з анімацією форми кутів, що змінюється при прокручуванні
• Неочевидність використання `counter()` з контейнером
• Рефакторинг CSS: ШІ як страховка
• Що таке CSS Containment і як його використовувати?
• Неочікуваний прийом із фіксацією хедера: одна з найвражаючих трансформацій на цьому блозі.
• «Під капотом»: детальний огляд архітектури CSS, що лежить в основі оновленого дизайну

JavaScript

• Подолання розриву між сервером і клієнтом за допомогою Signals.
• Три основні причини «роздуття» JavaScript коду

• React
  • Структура проєкту React: від MANTRA до сучасних фреймворків
  • Реалізація «use cache» Next.js 16 з інтернаціоналізацією next-intl
  • Storybook MCP для React
  • Ми провели порівняльний аналіз найкращих бібліотек діаграм Ганта для React, щоб вам не довелося це робити
  

Меми