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

Чем плохи события готовности DOM вроде DOMContentLoaded и что использовать вместо них: объяснение и обзор альтернатив от Джейка Арчибальда и Кэсси Эванс → https://youtu.be/_iq1fPjeqMQ

Нативный парсинг аргументов командной строки в Node.js 18: обзор новой функции parseArgs из node:util → 2ality.com/2022/08…rgs.html

Бесконечная бегущая строка на HTML и CSS: Райан Мюллиган делится современным подходом к реализации аналога <marquee> → https://ryanmulligan.dev/blog/css-marquee/

Улучшаем прокрутку благодаря современному CSS: обширный обзор современных способов кастомизации как внешнего вида, так и поведения прокрутки в браузерах → blog.mayank.co/better-…dern-css Для затравки: в современных браузерах предовтратить сдвиг страницы при блокировке скролла (например, при открытии диалога) можно одним CSS-свойством scrollbar-gutter ⚡️

Встречайте селекторы для зависимостей в NPM: команда NPM рассказывает о новом вдохновлённом CSS-селекторами способе анализа содержимого node_modules → github.blog/changel…r-syntax

Привычные REST API — полная противоположность настоящего REST: что такое REST на самом деле и откуда взялось заблуждение о нём → htmx.org/essays/…-of-rest

Введение в индивидуальные CSS-свойства трансформаций: как они работают и как упрощают анимации → web.dev/css-ind…operties

Как инженеры Sentry уменьшили свой JavaScript SDK на 29% → blog.sentry.io/2022/07…-reduced

Todo Tree, расширение для VS Code, которое находит все TODO- и FIXME-комментарии и показывает их в дереве файлов проекта → marketplace.visualstudio.com/items…ms

Интерактивное руководство по основам типографики → www.learnui.design/tools/t…ial.html

Effective Shell, бесплатная книга об эффективном использовании командной оболочки: от основ вроде навигации по системе до продвинутых техник вроде использования SSH → https://effective-shell.com

Как свёрстана Figma: Ахмад Шадид разбирает интересные приёмы вёрстки на гридах и флексах, обнаруженные в панелях инструментов Figma → https://ishadeed.com/article/figma-css

Кастомные ESM-лоадеры в Node.js: Джейкоб Смит рассказывает об экспериментальном API, позволяющем задать произвольные обработчики импортируемых файлов → dev.to/jakobji…how-4i1o

От Sass к Linaria: как менялся подход к работе со стилями в Airbnb и как переход на zero-runtime CSS-in-JS библиотеку Linaria улучшил DX и перформанс → https://medium.com/p/dc169230bd12

Избегаем сдвигов раскладки при загрузке изображений: aspect-ratio vs атрибуты width и height. Джейк Арчибальд демонстрирует отличия и нюансы двух подходов → https://jakearchibald.com/2022/img-aspect-ratio/

Bun, новый JavaScript-рантайм со встроенным бандлером, транспилятором, таск-раннером, NPM-клиентом и даже SQLite3-клиентом: сфокусирован на скорости, поддерживает TypeScript и JSX из коробки, реализует модули из ядра Node.js для совместимости → https://bun.sh

@@internationalized/date, библиотека от Adobe для работы с датами и временем в разных календарях (поддерживает 13 календарных систем) и часовых поясах → react-spectrum.adobe.com/interna…dex.html

Что нового в ES2022? Краткий обзор Акселя Раушмайера → https://2ality.com/2022/06/ecmascript-2022.html TL;DR: — приватные поля классов — статические блоки инициализации в классах — верхнеуровневый await в модулях — error.cause, ссылка на ошибку, вызвавшую текущую ошибку — метод .at() для индексируемых значений (теперь можно получить последний элемент массива через .at(-1)) — более безопасный Object.hasOwn вместо Object.hasOwnProperty