Улучшаем прокрутку благодаря современному CSS: обширный обзор современных способов кастомизации как внешнего вида, так и поведения прокрутки в браузерах → https://blog.mayank.co/better-scrolling-through-modern-css

Для затравки: в современных браузерах предовтратить сдвиг страницы при блокировке скролла (например, при открытии диалога) можно одним CSS-свойством scrollbar-gutter ⚡️

Бесконечная бегущая строка на HTML и CSS: Райан Мюллиган делится современным подходом к реализации аналога <marquee> → https://ryanmulligan.dev/blog/css-marquee/

Нативный парсинг аргументов командной строки в Node.js 18: обзор новой функции parseArgs из node:util → https://2ality.com/2022/08/node-util-parseargs.html

Чем плохи события готовности DOM вроде DOMContentLoaded и что использовать вместо них: объяснение и обзор альтернатив от Джейка Арчибальда и Кэсси Эванс → https://youtu.be/_iq1fPjeqMQ

Инструмент для описания поддерживаемых браузеров Browserslist обзавёлся новым сайтом с возможностью визуализации и анализа конфигураций → https://browsersl.ist

Архитектура ПО переоценена, простой и понятный дизайн недооценён: инженер из Skype и Uber объясняет, почему при проектировании систем стоит фокусироваться на простоте и здравом смысле вместо формальных паттернов и инструментов вроде UML → https://blog.pragmaticengineer.com/software-architecture-is-overrated/

System font stack, шпаргалка с кодом для использования системных шрифтов в проекте → https://systemfontstack.com

Две техники, помогающие в решении сложновоспроизводимых ошибок, возникающих, на первый взгляд, случайным образом → https://hindenbug.io/97e03ac02eb9

Какие API недоступны при выключенных куках: Томас Штайнер обнаружил, что Chrome вместе с куками отключает доступ ко множеству браузерных API вроде localStorage → https://blog.tomayac.com/2022/08/30/things-not-available-when-someone-blocks-all-cookies/

Мораль истории: любые вызовы упомянутых в статье API оборачивайте в try/catch. Не лишним будет напомнить, что в приватном режиме Safari попытка записи в localStorage/sessionStorage завершается ошибкой и может при неаккуратном использовании привести к падению вашего приложения.

Критический CSS? Не так быстро! Гарри Робертс объясняет, когда стоит заморачиваться с выделением критического CSS (очень редко!) и какие сложности при этом вас ждут → https://csswizardry.com/2022/09/critical-css-not-so-fast/

Как устроен интернет: объяснение от самых основ устройства компьютерных сетей до истории развития самого интернета → https://explained-from-first-principles.com/internet

Проектируем идеальный интерфейс выбора языка: Виталий Фридман на реальных примерах объясняет, как добиться хорошего UX в мультиязычных сайтах → https://www.smashingmagazine.com/2022/05/designing-better-language-selector/

Коллеги из России, сегодня без фронтенда, избегайте призыва!

Канал правозащитника и юриста Павла Чикова с объяснениями законов (в том числе о мобилизации) человеческим языком → @pchikov

Гайд по экстренной эмиграции

Канал «Пограничный контроль» с отзывами о прохождении границы РФ

Более быстрый YouTube в вебе: подробный рассказ инженеров YouTube о проделанной работе по ускорению веб-версии сервиса и улучшению Core Web Vitals → https://web.dev/better-youtube-web-part1/

Как команда Wix улучшила тысячи плохо сформулированных сообщений об ошибках и как они изменили процессы, чтобы не допустить появления плохих текстов ошибок в будущем → https://scribe.rip/when-life-gives-you-lemons-write-better-error-messages-46c5223e1a2f

Вышла Lerna v6: инструмент для управления NPM-пакетами в монорепозиториях получил вторую жизнь под крылом компании Nrwl. Подробности и обзор новых возможностей → https://blog.nrwl.io/lerna-reborn-whats-new-in-v6-10aec6e9091c

Vercel анонсировала Turbopack, преемник Webpack на Rust, разрабатываемый создателем Webpack Тобиасом Копперсом → https://vercel.com/blog/turbopack

Релиз пока очень ранний и не для продакшена, но выглядит многообещающе, поэтому следим за новостями.

Новый синтаксис для диапазонов значений в медиавыражениях: обзор нововведения в спецификации медиавыражений, существенно упрощающего чтение стилей → https://css-tricks.com/the-new-css-media-query-range-syntax/

Как понять режимы наложения раз и навсегда: иллюстрированное объяснение принципов работы различных режимов наложения → https://awdee.ru/blending-modes/

Рефакторинг на максималках: книга Саши Беспоясова о том, как эффективно и без боли рефакторить код → https://refactor-like-a-superhero.vercel.app/ru