Микровзаимодействия: Арианна Чау на примерах показывает, как сделать интерфейс более отзывчивым и человечным → https://cloudfour.com/thinks/micro-interactions-to-incorporate-for-powerful-emotional-design/

Производительная архитектура фронтенда: высокоуровневый обзор техник оптимизации первой отрисовки, загрузки приложения и переходов между страницами → https://www.debugbear.com/blog/performant-front-end-architecture

Чем сброс стилей отличается от нормализации: визуальное объяснение Элайджи Мэнора

Введение в leading-trim, новый CSS-стандарт, призванный решить проблемы с вертикальными отступами между текстом → https://medium.com/p/d082d84b202

Как уже сегодня начать использовать новый формат изображений AVIF, позволяющий сэкономить до 50% в сравнении с JPEG и до 20% в сравнении с WebP → https://reachlightspeed.com/blog/using-the-new-high-performance-avif-image-format-on-the-web-today/

eslint-plugin-boundaries, eslint-плагин для контроля архитектурных ограничений в проекте → https://github.com/javierbrea/eslint-plugin-boundaries

Может, нам слегка успокоиться с JavaScript? Эвелин Вудс призывает фронтендеров не переизобретать на JavaScript нативные возможности веб-платформы и браузеров → https://eev.ee/blog/2016/03/06/maybe-we-could-tone-down-the-javascript

Перевод на Хабре → https://habr.com/p/490412/

Каталог визуализации данных: обзор способов визуального представления данных с примерами и описанием → https://datavizcatalogue.com

Shoelace, универсальная библиотека UI-компонентов, не привязанная к фреймворкам: основана на веб-компонентах, работает без сборки, поддерживает темизацию и тёмную тему, решает проблему доступности → https://shoelace.style/

Как микрофронтенды помогают ускорить разработку, если у вас несколько продуктовых команд: опыт инженеров ЦИАН → https://habr.com/p/516958/

Недоступность в картинках: Юлия Бухвалова на примерах объясняет, как скринридеры видят сайты и как на это влияет плохая вёрстка → https://css.yoksel.ru/inaccessibility

Погружаемся в устройство Map в V8: как работает эта структура данных, какая сложность у операций над ней, сколько она требует памяти и другие тонкости в обзоре Андрея Печкурова → https://itnext.io/45eb94a183df

Помогаем пользователям менять пароли: введение в новый well-known URL, ведущий на страницу изменения пароля → https://web.dev/change-password-url

Визуализация популярности браузеров с 1994 по 2019 годы → https://youtu.be/m90VK3o_jjw

Cluster vs PM2 vs Worker Threads: Андрей Мелихов на практике сравнивает способы масштабирования Node.js-приложений → https://youtu.be/K2bZ4alJUkA

Capsize, инструмент для устранения пустого пространства вокруг строк текста для задания отступов от границы заглавных букв сверху и от базовой линии текста снизу → https://seek-oss.github.io/capsize/

Оптимизация производительности фронтенда: подробное руководство Ника Мостового по мотивам лекции в Школе программистов hh.ru.

Часть 1: critical rendering path → https://habr.com/p/513940
Часть 2: event loop, layout, paint, composite → https://habr.com/p/517594

Embla Carousel, современная карусель с анимацией и поддержкой свайпов: написана на чистом JS, есть удобная интеграция с React, работает в современных браузерах вплоть до IE11 → https://davidcetinkaya.github.io/embla-carousel

Руководство по Figma для разработчиков: горячие клавиши, стили, экспорт графики, анимации, прототипирование и даже комментарии к макету → https://www.smashingmagazine.com/2020/09/figma-developers-guide/

Внедрение зависимостей с TypeScript на практике: Саша Беспоясов объясняет, зачем нужно внедрение зависимостей (DI) и как его использовать во фронтенде → https://bespoyasov.ru/blog/di-ts-in-practice/

Как в Badoo перешли на TypeScript без перерыва в доставке фич: Иван Греков рассказывает о мотивации, процессе и результатах → https://habr.com/p/518246/