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

Логические CSS-свойства в продакшене: Николас Хоффман из Proton делится практическим опытом внедрения логических свойств для реализации RTL-версии интерфейса → www.smashingmagazine.com/2022/12…web-apps

ThumbHash, новый инструмент для генерации легковесных превью изображений: в сравнении с BlurHash даёт более натуральные и компактные результаты → https://evanw.github.io/thumbhash/

Web Skills, визуальный обзор навыков для изучающих фронтенд со ссылками на избранные материалы: от основ HTML/CSS/JavaScript до баз данных, UX-дизайна и работы в команде → https://andreasbm.github.io/web-skills/

Modern Font Stacks, подборка современных системных шрифтов разных видов (гротески, антиквы, рукописные и др.) для оформления достойной типографики без накладных расходов на сторонние шрифты → https://modernfontstacks.com

Работайте так, будто увольняетесь: контринтуитивный подход к работе, ведущий к профессиональному росту и улучшению рабочих процессов → https://jmmv.dev/2021/04/always-be-quitting.html

Как устроен компилятор TypeScript: погружение во внутреннее устройство и механику работы компилятора от одного из разработчиков TypeScript → https://youtu.be/X8k_4tZ16qU

10 советов по улучшению CSS-анимаций: Джош Коллинсворт рассказывает, как сделать анимации более естественными и уместными → joshcollinsworth.com/blog/gr…nsitions

Rspack, новый бандлер от команды веб-инфраструктуры ByteDance, ориентированный на скорость (написан на Rust) и полную совместимость с лоадерами Webpack → https://www.rspack.dev

Введение в CSS Anchor Positioning, (пока что) экспериментальный API для привязки элементов на странице друг к другу с учётом прокрутки и границ вьюпорта → developer.chrome.com/blog/te…itioning

ts-reset, набор тайпингов, исправляющий неточности и проблемы в стандартных тайпингах тайпскрипта → https://github.com/total-typescript/ts-reset

Документальный фильм о React.js: рассказ из первых рук о том, как появилась и развивалась библиотека, изменившая подход к разработке интерфейсов → https://youtu.be/8pDqJVdNa44

Глубокое копирование объектов в JavaScript без хаков и сторонних библиотек: обзор нового нативного API structuredClone → https://www.builder.io/blog/structured-clone

Отзывчивая вёрстка в 2023 году: Ахмад Шадид рассказывает о современных возможностях CSS, изменивших подход к отзывчивой вёрстке → https://ishadeed.com/article/responsive-design/

WebContainers, новый инструмент от разработчиков онлайн-IDE StackBlitz, позволяющий развернуть полноценное Node.js-окружение с виртуальной файловой системой прямо в браузере → https://webcontainers.io

Будущее core-js, самой продвинутой библиотеки полифилов, поддерживаемой единственным разработчиком Денисом Пушкаревым и используемой на доброй половине крупнейших сайтов интернета → github.com/zloiroc…-next.md Денис делится глубоко личной историей, включающей уход с фултайм-работы ради опенсорса, попытки найти финансирование и борьбу с волной ненависти из-за этого, поддержку проекта на плаву во время отсидки в российской колонии из-за трагического ДТП. Во второй части Денис описывает своё видение дальнейшего развития core-js и описывает возможные пути его реализации, наиболее предпочтительный из которых — получение стабильного финансирования от крупных компаний, использующих core-js. Если вы работаете в крупной компании и используете core-js, попросите вашего CTO поддержать Дениса — способы описаны в конце статьи.

Чему npm может научиться у Go: инженеры Hardfin рассказывают о более безопасном и надёжном подходе к работе с зависимостями в Go и делятся собственным инструментом, реализующим этот подход для NPM → https://engineering.hardfin.com/2022/05/npm-mod/

Как релизить в продакшен? Обзор используемых в разных компаниях подходов и инженерных практик, позволяющих повысить надёжность релизов и ускорить их → blog.pragmaticengineer.com/shippin…oduction

Как избежать заморозки интерфейса из-за тяжёлых вычислений: подробный обзор существующих API и подходов к разбиению тяжёлых вычислений на отдельные откладываемые части → https://web.dev/optimize-long-tasks/