Почему и в пользу чего инженеры Shopify отказались от Sass в своей дизайн-системе: подробный рассказ о мотивации и обзор альтернатив со сравнением их плюсов и минусов → https://github.com/Shopify/polaris/discussions/44

Легковесный и доступный компонент сравнения изображений: Пол Геберт делится готовым веб-компонентом (1.5 КБ) и подробно рассказывает о том, как он реализован (нативные HTML-контролы, CSS и щепотка JavaScript) → https://cloudfour.com/thinks/building-an-accessible-image-comparison-web-component/

Критерии качества вёрстки: Александр Першин из HTML Academy делится обновлёнными критериями, используемыми в обучении студентов, и приглашает сообщество к их дополнению и улучшению → https://habr.com/p/566244/

Сохраняем вовлечённость пользователей несмотря на ожидание: дизайнеры DocuSign делятся практическими приёмами по результатам собственного UX-исследования → https://medium.com/p/10713ab54c3d

CSS Anchored Positioning: инженеры Microsoft инициировали добавление в CSS возможности позиционирования попапов относительно указанного элемента с учётом границ вьюпорта → https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/CSSAnchoredPositioning/explainer.md

Как работает отрисовка страницы в Chrome с новым движком RenderingNG: высокоуровневый обзор ключевых программных компонентов и их взаимодействий → https://developer.chrome.com/blog/renderingng-architecture/

Добиваемся идеального контраста между текстом и фоном: руководство по разработке инструмента, который автоматически вычисляет оптимальный уровень непрозрачности подложки для фона с помощью Canvas и бинарного поиска → https://css-tricks.com/nailing-the-perfect-contrast-between-light-text-and-a-background-image/

depcheck, инструмент для поиска неявных и неиспользуемых зависимостей: умеет анализировать файлы на JS, TS, CoffeeScript, Sass и Vue.js → https://github.com/depcheck/depcheck

Golang для Node.js-разработчиков: практическое руководство по решению распространённых задач с исходным кодом на Node.js и аналогом на golang. От вывода текста в консоль до поднятния HTTP-сервера и юнит-тестирования → https://github.com/miguelmota/golang-for-nodejs-developers

Спецвыпуск Frontend Weekend №104, в гостях Алексей Картынник (Лекс АйТиБорода) из EPAM: как разработчику может помочь собственный YouTube-канал → https://podcast.ru/1233996390

Минимизируем DOM-узлы для быстродействия: инженеры Expedia Group рассказали, как рефакторинг разметки одной иконки позволил им сократить время отрисовки на 0.2 секунды → https://medium.com/expedia-group-tech/minimizing-dom-nodes-for-performance-57f347df4c72

Введение в App History API, новый экспериментальный API для роутинга на стороне клиента, призванный решить проблемы старого History API → https://web.dev/app-history-api/

Рефакторинг CSS, серия статей о системном подходе к рефакторингу стилей:

1. Анализ текущих проблем кодовой базы
2. Стратегия, регрессионное тестирование и поддержкка
3. Оптимизация размера и быстродействия

Распространённые заблуждения программистов о телефонных номерах → https://github.com/google/libphonenumber/blob/master/FALSEHOODS.md

Чистая архитектура во фронтенде: подробнейшее руководство Саши Беспоясова по построению архитектуры SPA на примере фронтенда магазина печенек → https://bespoyasov.ru/blog/clean-architecture-on-frontend/

Вам нужны включающие CSS-селекторы, а не отключающие: простой подход для более чистых и поддерживаемых стилей → https://www.silvestar.codes/articles/you-want-a-single-enabling-selector-not-the-one-that-disables-the-rule-of-the-previous-one/

Адаптивный компонент для отображения шагов в горизонтальной и вертикальной ориентации: руководство по вёрстке от Ахмада Шадида → https://ishadeed.com/article/stepper-component-html-css/

Как и зачем маркетинговый сайт Notion переехал на Next.js со статической генерацией страниц: подробный рассказ инженеров Notion → https://www.notion.so/blog/migrating-notion-marketing-to-next-js

Веб-технологии, которые могут работать не так, как ожидается: нативная ленивая загрузка изображений, CSS-псевдокласс :visited, Web Storage API, performance.now() и многое другое → https://habr.com/p/575350/

Как написать собственное ESLint-правило: Бенедикт Куинн описывает общий процесс разработки по мотивам собственного опыта создания правила для рабочего проекта → https://blog.scottlogic.com/2021/09/06/how-to-write-an-es-lint-rule-for-beginners.html