Лучшие практики разработки форм оплаты и адреса доставки: от внешнего вида до неочевидных HTML-атрибутов, улучшающих UX → https://web.dev/payment-and-address-form-best-practices/

Быстрая доставка веб-приложений с паттерном PRPL: Эдди Османи с обзором архитектурного паттерна, позволяющего ускорить открытие роутов веб-приложения → https://addyosmani.com/blog/the-prpl-pattern/

Разбираемся со skip link: Татьяна Фокина объясняет, зачем сайтам нужна ссылка, ведущая к основному содержимому страницы, и как её правильно реализовать → https://tatiana-fokina-blog.ru/posts/understanding-a-skip-link/

Разрабатываем интерактивную диаграмму Ганта на чистом JavaScript: Анна Пренцель демонстрирует проектирование и разработку сложного веб-компонента с использованием CSS-гридов и JavaScript Proxy → https://www.smashingmagazine.com/2021/08/interactive-gantt-chart-component-vanilla-javascript/

Пишем наивный полифил для промиса: Андрей Мелихов объясняет принципы работы промисов на примере разработки полифила для них с нуля → https://youtu.be/1qyT-5MYIMk

Почему и в пользу чего инженеры 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/