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

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

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

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

Улучшаем прокрутку благодаря современному CSS: обширный обзор современных способов кастомизации как внешнего вида, так и поведения прокрутки в браузерах → https://blog.mayank.co/better-scrolling-through-modern-css

Для затравки: в современных браузерах предовтратить сдвиг страницы при блокировке скролла (например, при открытии диалога) можно одним CSS-свойством scrollbar-gutter ⚡️

Встречайте селекторы для зависимостей в NPM: команда NPM рассказывает о новом вдохновлённом CSS-селекторами способе анализа содержимого node_modules → https://github.blog/changelog/2022-08-03-introducing-the-new-npm-dependency-selector-syntax/

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

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

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

Todo Tree, расширение для VS Code, которое находит все TODO- и FIXME-комментарии и показывает их в дереве файлов проекта → https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree

Интерактивное руководство по основам типографики → https://www.learnui.design/tools/typography-tutorial.html

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

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

Кастомные ESM-лоадеры в Node.js: Джейкоб Смит рассказывает об экспериментальном API, позволяющем задать произвольные обработчики импортируемых файлов → https://dev.to/jakobjingleheimer/custom-esm-loaders-who-what-when-where-why-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 календарных систем) и часовых поясах → https://react-spectrum.adobe.com/internationalized/date/index.html

For Web — фронтенд, дизайн, программирование pinned «О возвращении For Web Привет! Спустя 5 месяцев после начала войны мы возобновляем публикацию новостей, потому что наше молчание не поможет остановить войну и вряд ли принесёт кому-нибудь пользу. Наше сообщество никогда не было «вне политики», потому что…»

Что нового в ES2022? Краткий обзор Акселя Раушмайера → https://2ality.com/2022/06/ecmascript-2022.html

TL;DR:
— приватные поля классов
— статические блоки инициализации в классах
— верхнеуровневый await в модулях
— error.cause, ссылка на ошибку, вызвавшую текущую ошибку
— метод .at() для индексируемых значений (теперь можно получить последний элемент массива через .at(-1))
— более безопасный Object.hasOwn вместо Object.hasOwnProperty

О возвращении For Web

Привет! Спустя 5 месяцев после начала войны мы возобновляем публикацию новостей, потому что наше молчание не поможет остановить войну и вряд ли принесёт кому-нибудь пользу.

Наше сообщество никогда не было «вне политики», потому что политика напрямую влияет на наши жизни — к сожалению, события последних месяцев иллюстрируют это особенно ярко. Поэтому мы возвращаемся с двумя важными оговорками:
1. Мы выступаем против войны. Все причастные к военной агрессии РФ должны быть осуждены и люстрированы.
2. Мы больше не публикуем материалы (статьи, доклады, вакансии, etc) от компаний, которые сотрудничают с правительством РФ, наиболее яркие примеры — Яндекс и VK.