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

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

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

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

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

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

Knip, продвинутый инструмент для поиска неиспользуемого кода в JS/TS-проектах — находит неиспользуемые зависимости/файлы/экспорты — находит используемые зависимости, неучтённые в package.json — поддерживает монорепозитории с воркспейсами — расширяется через плагины — есть отчёты для CI https://github.com/webpro/knip

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

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

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

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

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

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

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

Что нового в разработке веб-интерфейсов в 2023 году: обзор наиболее интересных и полезных свежих браузерных API и возможностей CSS, представленных на Google I/O → developer.chrome.com/blog/wh…-ui-2023 Вдогонку 52 видео с веб-трека Google I/O → www.youtube.com/playlis…playlist

Веб-аутентификация нового поколения с WebAuthn, passkeys и аппаратными ключами: Владимир Прус разбирается в новых API для аутентификации в вебе без классических паролей и делится выводами о границах их применимости → medium.com/@vladim…487ea340

Почему большая DOM плохо влияет на быстродействие, как измерять размер DOM и какие подходы использовать для предотвращения проблем → https://web.dev/dom-size-and-interactivity/

Изнанка нового сайта Next.js: один из разработчиков сайта делится деталями реализации интересных интерфейсных решений вроде анимаций и висячей пунктуации → https://rauno.me/craft/nextjs

Улучшаем UX живой валидации форм: обзор приёмов, позволяющих ненавязчиво помочь пользователю избежать ошибок при заполнении форм → www.smashingmagazine.com/2022/09…forms-ux