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

Пробуем тест-раннер Node.js: Глеб Бахмутов подробно разбирает возможности нативного тест-раннера, который стал стабильным в Node.js v20 → https://glebbahmutov.com/blog/trying-node-test-runner/

PWA Builder, сервис для упаковки прогрессивных веб-приложений в пакеты, готовые для публикации в сторах Android, iOS, Windows и Meta → https://www.pwabuilder.com

Имена людей вокруг света: как имена в других странах могут отличаться от привычного нам формата ФИО и как проектировать формы и API с учётом этих отличий → https://www.w3.org/International/questions/qa-personal-names

Make Bookmarklets, онлайн-редактор для удобной разработки букмарклетов → https://make-bookmarklets.com

Пишем Chrome-расширение, ворующее всё: наглядная демонстрация полномочий, доступных браузерным расширениям, от кейлоггинга до снятия скриншотов посещаемых сайтов → https://mattfrisbie.substack.com/p/spy-chrome-extension

Современное руководство по упаковке и публикации JavaScript-библиотек: чеклист с лучшими практиками и неочевидными настройками, которые улучшают совместимость, перформанс и DX → https://github.com/frehner/modern-guide-to-packaging-js-library

Логические CSS-свойства в продакшене: Николас Хоффман из Proton делится практическим опытом внедрения логических свойств для реализации RTL-версии интерфейса → https://www.smashingmagazine.com/2022/12/deploying-css-logical-properties-on-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-анимаций: Джош Коллинсворт рассказывает, как сделать анимации более естественными и уместными → https://joshcollinsworth.com/blog/great-transitions

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

Введение в CSS Anchor Positioning, (пока что) экспериментальный API для привязки элементов на странице друг к другу с учётом прокрутки и границ вьюпорта → https://developer.chrome.com/blog/tether-elements-to-each-other-with-css-anchor-positioning/

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