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

MemLab, инструмент для поиска утечек памяти в браузерах и в Node.js, разработанный и используемый в Meta → https://facebook.github.io/memlab/

Геометрия DOM: обширный обзор существующих методов и свойств для работы с размерами и отступами DOM-элементов и документа в JS → https://www.smashingmagazine.com/2022/11/document-object-model-geometry-guide/

Как разбить строку на предложения, слова или графемы: Штефан Юдис знакомит с API Intl.Segmenter → https://www.stefanjudis.com/today-i-learned/how-to-split-javascript-strings-with-intl-segmenter/

Одно из потенциальных применений — более умное обрезание текста, о котором была прошлая публикация.

Как нормально обрезать текст: Илья Бирман рассказывает о простых правилах, которые позволяют избежать казусов и улучшить UX → https://ilyabirman.ru/meanwhile/all/how-to-cut-text/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Какие 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 завершается ошибкой и может при неаккуратном использовании привести к падению вашего приложения.

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

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

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

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