DOM, который построил Chrome. Макс Кравец пробует разобраться, почему современные фреймворки работают с DOM через абстракции вроде Incremental DOM или Virtual DOM и как браузеры рендерят веб-страницы.

https://habr.com/p/580336/

Веб-стримы повсюду. Олли Уильямс показывает, как работать со стримами в Node.js и в браузерах.

https://css-tricks.com/web-streams-everywhere-and-fetch-for-node-js/

Ускоряем React-приложения при помощи мемоизации. Ник Ланам делится опытом избавления от ненужных перерисовок страницы.

https://blog.px.dev/ui-performance/

Скругление по условию. Ахмад Шадид разбирает решение из вёрстки фейсбука, позволяющее убирать border-radius, когда контейнер такой же ширины, как вьюпорт.

https://ishadeed.com/article/conditional-border-radius/

Как построить расширяемую доступную галерею. Сильвестар Бистрович собирает компонент доступной галереи, в которой карточки увеличиваются по клику.

https://www.smashingmagazine.com/2021/10/build-expandable-accessible-gallery/

Ещё раз про кастомные чекбоксы. Скотт Охара делится списком минимально необходимых вещей, необходимых для реализации доступных кастомных чекбоксов и радиокнопок.

https://www.scottohara.me/blog/2021/09/24/custom-radio-checkbox-again.html

Вызов перфоманс-сообществу. Филип Уолтон призывает подкреплять рассказы о росте производительности сайтов не только оценкой в Lighthouse, но и реальными пользовательскими метриками.

https://philipwalton.com/articles/my-challenge-to-the-web-performance-community/

Как я рисую на CSS. Юсра Эмад раскладывает на этапы процесс рисования милого привидения в браузере.

https://yosracodes.hashnode.dev/how-i-make-css-art

Frontend Security: о чем вы хотели бы забыть, но не сможете. Татьяна Новикова рассказывает о некоторых видах атак, с которыми может столкнуться каждый фронтенд-разработчик.

https://habr.com/p/570040/

Прямая трансляция первого дня PWA Summit начнётся в 18:00 (GMT+3). В программе 11 докладов про прогрессивные веб-приложения и круглый стол в конце. Организаторы Google, Microsoft, Samsung Internet и Intel.

Программа https://pwasummit.org/
Трансляция https://youtu.be/qbh_u2hvIjg

Руководство по отладке CSS. Стефани Эклз делится техниками, позволяющими эффективнее находить баги в стилях и предотвращать их.

https://www.smashingmagazine.com/2021/10/guide-debugging-css/

Логический порядок фокуса. Рэйчел Леггетт объясняет, чем порядок фокуса отличается от порядка элементов в коде и почему он важен.

https://devyarns.com/logical-focus-order/

Как написать кастомное правило для ESLint. Бенедикт Куинн пошагово реализует новое правило для своего проекта.

https://blog.scottlogic.com/2021/09/06/how-to-write-an-es-lint-rule-for-beginners.html

Выпуск №303: Андрей Мелихов, Андрей Прокопюк, Никита Дубко про Firefox 93, автоматическую тёмную тему, баги браузеров, бету TypeScript 4.5, реальный перфоманс и новый сайт в 2021.

Слушайте на Ютубе https://youtu.be/yiH1dVFMF7w
Ссылки на сайте https://web-standards.ru/podcast/303/

00:01:20 События
00:05:31 Firefox 93
00:18:24 Автоматическая тёмная тема
00:24:48 Баги браузеров
00:27:44 Бета TypeScript 4.5
00:40:26 Реальный перфоманс
00:55:20 Новый сайт в 2021

Прямая трансляция докладов из 1 зала «jQuery» с конференции FrontendConf в Москве.

Расписание https://frontendconf.ru/moscow/2021/schedule
Трансляция https://youtu.be/d40GzIWF4zE

Прямая трансляция докладов из 1 зала «jQuery» со второго дня конференции FrontendConf в Москве.

Расписание https://frontendconf.ru/moscow/2021/schedule
Трансляция https://youtu.be/e_m-6MIWJGg

Стартовал опрос State of CSS об актуальных тенденциях и будущих трендах стилей для веба: от раскладок и доступности до CSS-in-JS и инструментов. Опрос переведён на множество языков, включая русский.

https://stateofcss.com/

Запустилась Дока — опенсорсная документация по веб-платформе на русском языке. В проекте четыре раздела: HTML, CSS, JavaScript и инструменты. В создании документации может принять любой желающий.

Сайт https://doka.guide/
Репозиторий https://github.com/doka-guide/content

Новинки Firefox 93: блоки статической инициализации в JavaScript, глобальная функция reportError(), поддержка AVIF, пользовательский интерфейс для заполнения инпутов типа datetime-local и другие.

Рут Джон https://hacks.mozilla.org/2021/10/lots-to-see-in-firefox-93/
Марат Таналин https://tanalin.com/blog/2021/10/firefox-93/

Аппаратные API в вебе: баланс между пользой, безопасностью и приватностью. Нильс Линхер размышляет о пользе, которую может принести доступ к блютусу, NFC, USB, MIDI и другим API, а также почему приложениям можно, а вебу нельзя.

https://nielsleenheer.com/articles/2021/hardware-and-the-web-the-balance-between-usefulness-security-and-privacy/