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

Почему и как инженеры Figma реализовали собственную систему для запроса и обновления данных фронтендом в режиме реального времени поверх Postgres с GraphQL-запросами → https://www.figma.com/blog/livegraph-real-time-data-fetching-at-figma

fuite, инструмент для автоматизации поиска утечек памяти в веб-приложениях → https://github.com/nolanlawson/fuite

Пакетные менеджеры: есть ли жизнь за пределами NPM? Подробное сравнение NPM/Yarn/PNPM от Валентина Семирульника из Aviasales → https://youtu.be/RAFFHpjrwAs

Используем TypeScript для выражения намерений: несколько практических приёмов для написания более выразительного и понятного кода → https://blog.scottlogic.com/2021/10/11/Capturing-Intent-with-TypeScript.html

Защитный CSS: Ахмад Шадид делится коллекцией приёмов, призванных избавить вас от потенциальных проблем с поехавшей вёрсткой → https://ishadeed.com/article/defensive-css/

Floating UI, новый движок для позиционирования тултипов и попапов от создателей Popper: новая архитектура и более удобный API, больше возможностей, меньший размер, кроссплатформенность (React Native) и другие улучшения → https://floating-ui.com

Как мы ускоряли комментарии Хабра: подробная история оптимизации рендеринга больших списков комментариев после перехода фронтенда Хабра на SPA → https://habr.com/p/590111/

UX способов оплаты: рекомендации по проектированию интерфейса выбора способа оплаты на сайте → https://baymard.com/blog/payment-method-selection

Приёмы ускорения кода на JS и других языках: от наиболее общих до конкретных. Подборка Виктора Хомякова → https://habr.com/p/570914/

Семь практик для улучшения производительности и масштабирования приложений на Node.js: кеширование, таймауты, кластеризация и другие способы → https://blog.appsignal.com/2021/11/24/7-ways-to-improve-nodejs-performance-at-scale.html

Вышел веб-альманах 2021, ежегодный обширный отчёт HTTP Archive о состоянии веба во всех его аспектах: содержимое страниц, UX, способы публикации и распространения контента → https://almanac.httparchive.org/en/2021/

Архитектура и перформанс CSS в микрофронтендах: инженеры Allegro рассказали об эволюции их подхода к встраиванию стилей на страницы при использовании микрофронтендов → https://blog.allegro.tech/2021/07/css-architecture-and-performance-of-micro-frontends.html

Замеряем потребление памяти в браузере: Тим Кадлек призывает обращать внимание на потребление памяти и делится результатами собственного анализа потребления памяти на 10 000 популярных сайтов → https://blog.webpagetest.org/posts/benchmarking-javascript-memory-usage/

Особенности миграции на фронтенде: конспект дискуссии разработчиков из Wrike, Яндекса, Kaspersky и Leroy Merlin о миграции фронтенд-проектов на новые фреймворки или даже языки → https://habr.com/p/572178/

Параллакс-эффект на CSS-переменных: Джей Томпкинс показывает, как оживить изображение с помощью JavaScript и CSS-переменных → https://css-tricks.com/parallax-powered-by-css-custom-properties/

Developer Roadmaps, подробные пошаговые планы изучения IT-профессий и конкретных технологий → https://roadmap.sh

ECMAScript Proposals, сервис для слежения за развитием ECMAScript: каталог предложений, обзор этапов принятия предложений в стандарт, списки чемпионов и спецификаций → https://www.proposals.es

ct.css, инструмент для поиска потенциальных проблем быстродействия в содержимом тега head на вашей странице → https://github.com/csswizardry/ct

Хитрый способ сделать прилипающий к низу страницы футер: Крис Койер делится наиболее простым и современным способом → https://css-tricks.com/a-clever-sticky-footer-technique/

Невидимый бэкдор на JavaScript: два практических способа незаметного внедрения вредоносного кода → https://certitude.consulting/blog/en/invisible-backdoor/