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

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

UX способов оплаты: рекомендации по проектированию интерфейса выбора способа оплаты на сайте → baymard.com/blog/pa…election

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

Семь практик для улучшения производительности и масштабирования приложений на Node.js: кеширование, таймауты, кластеризация и другие способы → blog.appsignal.com/2021/11…ale.html

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

Архитектура и перформанс CSS в микрофронтендах: инженеры Allegro рассказали об эволюции их подхода к встраиванию стилей на страницы при использовании микрофронтендов → blog.allegro.tech/2021/07…nds.html

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

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

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

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

Отрисовка больших логов в GitHub Actions: фронтендеры GitHub об опыте отрисовки 50 000 строк текста без ущерба для быстродействия и UX → https://github.blog/2021-03-25-how-github-actions-renders-large-scale-logs/

Как разрабатывать доступные графики на D3 на примере колец активности Apple → https://fossheim.io/writing/posts/apple-dataviz-a11y-tutorial/

Дорожная карта начинающего фронтенд-разработчика: что и в каком порядке изучать + ссылки на полезные материалы → https://frontendmasters.com/guides/learning-roadmap/

Plaiceholder, инструмент для генерации размытых изображений-заглушек на время загрузки оригинала: поддерживает CSS, SVG, base64 и другие форматы → https://plaiceholder.co

Смерть Node.js-процесса: Томас Хантер с исчерпывающим обзором причин, по которым процесс может быть остановлен → https://thomashunter.name/posts/2021-03-08-the-death-of-a-nodejs-process

Исследуем CSS-директиву property: обзор новой директивы, позволяющей сообщить браузеру, как анимировать CSS-переменные → https://css-tricks.com/exploring-property-and-its-animating-powers/

Гамбит килобайта: попробуйте обыграть шахматный движок, уложенный в 1024 байта JavaScript-кода → https://vole.wtf/kilobytes-gambit/

Вавилонская башня из миллиона печенек на TypeScript, React и MobX : фронтендеры KTS об опыте разработки и оптимизации мобильной игры к 5-летию Oreo в России → https://habr.com/p/546388/