JS minification benchmarks, актуальное сравнение популярных минификаторов (от esbuild до closure compiler) по скорости и эффективности работы → github.com/privatenumber/…

За пределами NPM: обзор инструментов для более осознанного и эффективного поиска, выбора и оценки зависимостей для проекта → forweb.dev/en/blog/npm-to…

WOFF покинул чат: если вы подключаете веб-шрифты в новом проекте в 2023 году, вероятно, вам не нужны никакие форматы, кроме WOFF2 → matthiasott.com/notes/woff-has…

Нативная поддержка .env-файлов в Node.js: в непримечательном релизе v20.6.0 добавили возможность задания переменных окружения из .env-файлов. Раньше эта задача решалась сторонним пакетом dotenv с 22 млн скачиваний в неделю → nodejs.org/en/blog/releas…

Опорная архитектура Node.js-приложений: рекомендации группы инженеров из IBM и Red Hat по разработке и эксплуатации Node.js-приложений → nodeshift.dev/nodejs-referen…

Идеального вьюпорта не существует: исследование Set Studio, показывающее, что разнообразие вьюпортов делает бессмысленной жёсткую привязку к определённым брейкпойнтам → viewports.fyi

Миграция миллионов строк кода Stripe на TypeScript: мотивация к переезду на TS, сложности, процесс и впечатления после переезда → stripe.com/blog/migrating…

driver.js, библиотека для пошагового знакомства пользователей с продуктом: без зависимостей, работает с любым фреймворком, написана на TypeScript → driverjs.com

Новые единицы измерения вьюпорта в CSS: решение для вёрстки, учитывающей скрытие адресной строки в мобильных браузерах → ishadeed.com/article/new-vi…

WebKit Standards Positions: разработчики браузерного движка WebKit опубликовали страницу для отслеживания их позиции касательно внедрения новых стандартов → webkit.org/standards-posi…

Есть ли приемлемая альтернатива GIF? Сравнение современных форматов для отображения анимированых изображений в вебе → cloudfour.com/thinks/animate…

Perfectionist, ESLint-плагин с набором правил для сортировки всего: импортов, ключей объектов, JSX-пропов, енамов в TypeScript и других частей кода. Поддерживает автофикс → github.com/azat-io/eslint…

Knip, продвинутый инструмент для поиска неиспользуемых зависимостей/файлов/экспортов в JS/TS-проектах

— поддерживает монорепозитории с воркспейсами
— расширяется через плагины
— есть отчёты для CI

github.com/webpro/knip

Улучшаем UX сообщений об ошибках: обзор практических приёмов с примерами и постер-шпаргалка в PDF → nngroup.com/articles/error…

Давние желания, сбывающиеся благодаря scroll-driven анимациям: стилизация sticky-элементов в состоянии прилипания, появление и скрытие тени при прокрутке, оглавление с подсветкой текущей секции. Роман Комаров экспериментирует с новой CSS-фичей → kizu.dev/scroll-driven-…

Введение в popover API, новый API для всплывающих элементов, нативно решающий большинство проблем вроде позиционирования поверх страницы, управления фокусом, закрытия при нажатии Escape → developer.chrome.com/blog/introduci…

Пишем собственный JS-бандлер: Кристоф Наказава объясняет общие принципы работы бандлеров на примере написания собственного бандлера → cpojer.net/posts/building…

Сокращение Total Blocking Time в Википедии: Николас Рэй рассказывает, как пара простых исправлений позволила уменьшить фризы интерфейса в больших статьях → nray.dev/blog/300ms-fas…

Cворачиваемые вложенные списки без JS: современное руководство по вёрстке деревьев на HTML/CSS с хорошей семантикой и полноценной навигацией с клавиатуры → iamkate.com/code/tree-view…

Верстаем письма на React: инженеры Yelp рассказывают, как они адаптировали для разработки писем привычные их фронтендерам инструменты вроде React и Storybook → engineeringblog.yelp.com/2022/07/writin…