Telegram Web Link
Архитектура ПО переоценена, простой и понятный дизайн недооценён: инженер из 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
Как нормально обрезать текст: Илья Бирман рассказывает о простых правилах, которые позволяют избежать казусов и улучшить UX → https://ilyabirman.ru/meanwhile/all/how-to-cut-text/
Как разбить строку на предложения, слова или графемы: Штефан Юдис знакомит с API Intl.Segmenter → https://www.stefanjudis.com/today-i-learned/how-to-split-javascript-strings-with-intl-segmenter/

Одно из потенциальных применений — более умное обрезание текста, о котором была прошлая публикация.
Геометрия DOM: обширный обзор существующих методов и свойств для работы с размерами и отступами DOM-элементов и документа в JS → https://www.smashingmagazine.com/2022/11/document-object-model-geometry-guide/
MemLab, инструмент для поиска утечек памяти в браузерах и в Node.js, разработанный и используемый в Meta → https://facebook.github.io/memlab/
This media is not supported in your browser
VIEW IN TELEGRAM
Инженеры Meta о создании MemLab: в чём была мотивация, как устроен MemLab, его возможности, а также реальные результаты его применения в продуктах Meta (например, сокращение OOM-крешей веб-версии Фейсбука на 50%) → https://engineering.fb.com/2022/09/12/open-source/memlab/
2025/07/06 10:47:46
Back to Top
HTML Embed Code: