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

Как разбить строку на предложения, слова или графемы: Штефан Юдис знакомит с API Intl.Segmenter → www.stefanjudis.com/today-i…egmenter Одно из потенциальных применений — более умное обрезание текста, о котором была прошлая публикация.

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

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

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

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

Vercel анонсировала Turbopack, преемник Webpack на Rust, разрабатываемый создателем Webpack Тобиасом Копперсом → https://vercel.com/blog/turbopack Релиз пока очень ранний и не для продакшена, но выглядит многообещающе, поэтому следим за новостями.

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

Как команда Wix улучшила тысячи плохо сформулированных сообщений об ошибках и как они изменили процессы, чтобы не допустить появления плохих текстов ошибок в будущем → scribe.rip/when-li…223e1a2f

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

Коллеги из России, сегодня без фронтенда, избегайте призыва! Канал правозащитника и юриста Павла Чикова с объяснениями законов (в том числе о мобилизации) человеческим языком → @pchikov Гайд по экстренной эмиграции Канал «Пограничный контроль» с отзывами о прохождении границы РФ

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

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

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

Какие API недоступны при выключенных куках: Томас Штайнер обнаружил, что Chrome вместе с куками отключает доступ ко множеству браузерных API вроде localStorage → blog.tomayac.com/2022/08…-cookies Мораль истории: любые вызовы упомянутых в статье API оборачивайте в try/catch. Не лишним будет напомнить, что в приватном режиме Safari попытка записи в localStorage/sessionStorage завершается ошибкой и может при неаккуратном использовании привести к падению вашего приложения.

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

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

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

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