For Web — фронтенд, дизайн, программирование

Единый UI-кит и синхронизация дизайна: Артём Арефьев из Учи.ру рассказывает, как в компании подошли к унификации UI-компонентов и почему выбрали для этого Stencil → https://habr.com/p/543308/

Обзор лучших практик реализации каруселей в вебе для лучшего быстродействия и UX → https://web.dev/carousel-best-practices/

Мониторинг Node.js-приложений: Ренат Саматов из ДомКлика с обзором метрик, на которые стоит обращать внимание в первую очередь → https://habr.com/p/521584/

Николас Закас рассказывает о проблемах работы с переменными окружения в Node.js и делится инструментом, который решает эти проблемы → https://humanwhocodes.com/blog/2021/02/introducing-env-javascript-environment-variables/

Файл ARCHITECTURE.md: простой способ значительно упростить знакомство новых разработчиков с проектом → https://matklad.github.io/2021/02/06/ARCHITECTURE.md.html

Способы стилизации веб-компонентов: обзор сложностей и способов стилизации shadow DOM от Нолана Лоусона → https://nolanlawson.com/2021/01/03/options-for-styling-web-components/

Максимально простое объяснение Big O нотации для оценки сложности алгоритма → https://thatcomputerscientist.com/big-o-notation-explained-as-easily-as-possible

Как фронтендерам подружиться с дизайнерами: распространённые мифы о дизайнерах, сложности с макетами и как с ними справляться, чем дизайнеры могут помочь фронтендерам и что фронтендерам нужно знать о дизайне. Мнение Александр Погорелова → https://habr.com/p/541666/

Большое интервью с Бренданом Айком, создателем JavaScript и сооснователем Mozilla и Brave: история создания JS и его эволюция, фронтенд-экосистема, TypeScript и HTML5, браузерные войны и многое другое → https://youtu.be/krB0enBeSiE

Карты в визуализациях: Наталия Степанова об основах географических визуализаций даных на D3 и Leaflet → https://teletype.in/@gnykka/d3-maps

Если есть input, он должен быть обёрнут в форму: напоминание о распространённой ошибке, вредящей UX → https://tomekdev.com/posts/input-and-form

How to Design System: исчерпывающее руководство по созданию дизайн-систем, основанное на реальном опыте. Когда нужна дизайн-система, как продать её бизнесу, как её сделать, как измерить её полезность и многое другое → http://how-to-design-system.com

Интерактивное руководство по CSS-переходам и hover-анимациям: Джош Камю обо всех аспектах применения CSS-свойства transition, от основ до приёмов улучшения UX → https://www.joshwcomeau.com/animation/css-transitions/

Лайфхак дня: чтобы открыть любой публичный GitHub-репозиторий в VS Code прямо в браузере, добавьте 1s после github в адресной строке → https://github.com/conwnet/github1s

Mock Service Worker, инструмент для честной подмены ответов на запросы к REST или GraphQL API, не требующий бэкенда и работающий на уровне сети через сервис-воркер → https://mswjs.io

Управление z-index в больших проектах: Стивен Фрисон предлагает подход к систематизации визуальных слоёв приложения → https://www.smashingmagazine.com/2021/02/css-z-index-large-projects/

JS minification benchmarks: обширное сравнение скорости и эффективности минификаторов JavaScript на примере популярных фронтенд-библиотек → https://github.com/privatenumber/minification-benchmarks

Объяснение принципов SOLID на примере реальных фронтенд-задач в пяти коротких видео → https://www.youtube.com/playlist?list=PLz_dGYmQRrr8rWKkoB3BtxF7JpCzUKny_

Как инженеры BBC News перешли с монолита на PHP на изоморфное SPA на React и значительно улучшили быстродействие → https://medium.com/bbc-design-engineering/26b08f7abfcc

Не используйте функции как колбеки, если они для этого не предназначены: Джейк Арчибальд предупреждает о неожиданных проблемах, с которыми вы можете столкнуться → https://jakearchibald.com/2021/function-callback-risks/