So many ranges, so little time

Шпаргалка по свойству animation-ranges. Saron Yitbarek рассказывает все, что вам нужно знать об animation-ranges в scroll-driven анимации.

https://webkit.org/blog/17184/so-many-ranges-so-little-time-a-cheatsheet-of-animation-ranges-for-your-next-scroll-driven-animation/

Отзывчивое видео теперь (почти) просто реализовать

Туториал, рассказывающий как вы можете отображать HQ вертикальные и горизонтальные варианты для видео без сторонних платформ.

https://www.kooslooijesteijn.net/blog/responsive-video-easy

Гладкие края в radial-gradient() без артефактов

Ана Тюдор делится трюком: с помощью медиазапросов по разрешению можно добиться того, чтобы радиальные градиенты выглядели чёткими и не размывались. Такой приём помогает сделать фоновые круги и диски максимально аккуратными — без привычных «лесенок» и артефактов.

https://frontendmasters.com/blog/obsessing-over-smooth-radial-gradient-disc-edges/

Вы неправильно загружаете шрифты (и это сказывается на производительности)

Джоно Олдерсон объясняет, как работают веб-шрифты и почему их неправильная загрузка может замедлять сайт. В статье разбираются оптимальные стратегии подключения — от выбора форматов до настройки font-display, чтобы ускорить рендеринг и улучшить пользовательский опыт.

https://www.jonoalderson.com/performance/youre-loading-fonts-wrong/