Хитрый способ сделать прилипающий к низу страницы футер: Крис Койер делится наиболее простым и современным способом → https://css-tricks.com/a-clever-sticky-footer-technique/
ct.css, инструмент для поиска потенциальных проблем быстродействия в содержимом тега head на вашей странице → https://github.com/csswizardry/ct
ECMAScript Proposals, сервис для слежения за развитием ECMAScript: каталог предложений, обзор этапов принятия предложений в стандарт, списки чемпионов и спецификаций → https://www.proposals.es
Developer Roadmaps, подробные пошаговые планы изучения IT-профессий и конкретных технологий → https://roadmap.sh
This media is not supported in your browser
VIEW IN TELEGRAM
Параллакс-эффект на CSS-переменных: Джей Томпкинс показывает, как оживить изображение с помощью JavaScript и CSS-переменных → https://css-tricks.com/parallax-powered-by-css-custom-properties/
Особенности миграции на фронтенде: конспект дискуссии разработчиков из Wrike, Яндекса, Kaspersky и Leroy Merlin о миграции фронтенд-проектов на новые фреймворки или даже языки → https://habr.com/p/572178/
Замеряем потребление памяти в браузере: Тим Кадлек призывает обращать внимание на потребление памяти и делится результатами собственного анализа потребления памяти на 10 000 популярных сайтов → https://blog.webpagetest.org/posts/benchmarking-javascript-memory-usage/
Архитектура и перформанс CSS в микрофронтендах: инженеры Allegro рассказали об эволюции их подхода к встраиванию стилей на страницы при использовании микрофронтендов → https://blog.allegro.tech/2021/07/css-architecture-and-performance-of-micro-frontends.html
Вышел веб-альманах 2021, ежегодный обширный отчёт HTTP Archive о состоянии веба во всех его аспектах: содержимое страниц, UX, способы публикации и распространения контента → https://almanac.httparchive.org/en/2021/
Семь практик для улучшения производительности и масштабирования приложений на Node.js: кеширование, таймауты, кластеризация и другие способы → https://blog.appsignal.com/2021/11/24/7-ways-to-improve-nodejs-performance-at-scale.html
Приёмы ускорения кода на JS и других языках: от наиболее общих до конкретных. Подборка Виктора Хомякова → https://habr.com/p/570914/
UX способов оплаты: рекомендации по проектированию интерфейса выбора способа оплаты на сайте → https://baymard.com/blog/payment-method-selection
Как мы ускоряли комментарии Хабра: подробная история оптимизации рендеринга больших списков комментариев после перехода фронтенда Хабра на SPA → https://habr.com/p/590111/
Floating UI, новый движок для позиционирования тултипов и попапов от создателей Popper: новая архитектура и более удобный API, больше возможностей, меньший размер, кроссплатформенность (React Native) и другие улучшения → https://floating-ui.com
Защитный CSS: Ахмад Шадид делится коллекцией приёмов, призванных избавить вас от потенциальных проблем с поехавшей вёрсткой → https://ishadeed.com/article/defensive-css/
Используем TypeScript для выражения намерений: несколько практических приёмов для написания более выразительного и понятного кода → https://blog.scottlogic.com/2021/10/11/Capturing-Intent-with-TypeScript.html
Пакетные менеджеры: есть ли жизнь за пределами NPM? Подробное сравнение NPM/Yarn/PNPM от Валентина Семирульника из Aviasales → https://youtu.be/RAFFHpjrwAs
fuite, инструмент для автоматизации поиска утечек памяти в веб-приложениях → https://github.com/nolanlawson/fuite
Почему и как инженеры Figma реализовали собственную систему для запроса и обновления данных фронтендом в режиме реального времени поверх Postgres с GraphQL-запросами → https://www.figma.com/blog/livegraph-real-time-data-fetching-at-figma
Делаем веб лучше канвас за канвасом: Брайан Карделл наглядно объясняет, как OffscreenCanvas может с минимальными усилиями существенно улучшить UX → https://bkardell.com/blog/OffscreenCanvas.html