Запустилась Дока — опенсорсная документация по веб-платформе на русском языке. В проекте четыре раздела: 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/

Безопасные манипуляции с DOM. Джек Джей рассказывает про Sanitizer API, который позволит нативно и безопасно от уязвимостей вроде XSS вставлять строки в HTML-разметку.

https://web.dev/sanitizer/

Как победить CORS. Джейк Арчибальд рассказал всё, что знает по вопросу и сделал песочницу, в которой можно проверить и попробовать понять работу кроссдоменных запросов.

https://jakearchibald.com/2021/cors/

Конкурент Next.js, фреймворк Remix от создателей React Router получил финансирование на $3M и будет открыт под лицензией MIT. Отличительной особенностью фреймворка является фокус на эффективном и удобном получении данных во время работы приложения.

https://remix.run/blog/seed-funding-for-remix

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

https://www.stefanjudis.com/blog/conditional-border-radius-and-three-future-css-features/

Huetone — инструмент для создания доступных контрастных палитр цветов по алгоритмам WCAG или более современной версии APCA. Можно выбрать один из популярных пресетов (Material, Stripe, IBM, Tailwind) и экспортировать результат в Figma.

https://huetone.ardov.me/

Вышел Parcel v2. В релизе: новая система плагинов, три-шейкинг и код-сплитинг, ускорение сборки, обработка картинок и XML-фидов, улучшенное кэширование, нативная поддержка SVG и многое другое.

https://parceljs.org/blog/v2/

Экосистема разработки в 2021 году. Результаты исследования JetBrains среди больше 30 000 разработчиков со всего мира. Самый популярный язык — JavaScript и другие откровения.

Общие результаты https://www.jetbrains.com/ru-ru/lp/devecosystem-2021/
Выборка по JS https://www.jetbrains.com/ru-ru/lp/devecosystem-2021/javascript/

Доклады с PWA Summit в отдельном плейлисте: состояние PWA, безопасная оффлайн-аутентификация, доступность, публикация в магазинах приложений, пользовательский опыт и другие.

https://youtube.com/playlist?list=PLdwe-qCygjtEpL6LP3oyWxdJfPqKkHV2y

Выпуск №304: Николай Лопин, Вадим Макеев, Алёна Батицкая про State of CSS 2021, цветовые палитры, Яндекс.Браузер, ввод пароля, CSS будущего и про то, зачем нужна Дока, если есть MDN.

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

00:02:01 События
00:08:26 State of CSS
00:15:23 Палитры в Huetone
00:21:29 Яндекс.Браузер
00:30:17 Поле ввода пароля
00:37:52 Пугающий CSS будущего
00:48:22 Откуда взялась Дока
00:56:06 Взгляды на задачу
01:03:38 Сила опенсорса
01:12:33 Почему не MDN

Мультиселект. Адам Аргайл пошагово собирает адаптивный и доступный компонент множественного выбора для фильтрации и сортировки.

https://web.dev/building-a-multi-select-component/

Кастомные свойства с умолчаниями. Лия Веру делится тремя кроссбраузерными способами задавать значения кастомных свойств по умолчанию и одним способом для Chromium.

https://lea.verou.me/2021/10/custom-properties-with-defaults/

Обвиняя скринридеры. Адриан Розелли объясняет, почему глупо обвинять скринридеры в том, что они не понимают контекст, на примере мемов из твиттера.

https://adrianroselli.com/2021/10/blaming-screen-readers-red-flag.html

Новинки Chrome 95 в обзоре Пита Лепажа: роутинг с помощью URLPattern, Eye Dropper API, меньше информации внутри User-Agent, поддержка обработки исключений в WebAssembly и другие.

Видео https://youtu.be/Qq4rRt8BNjM
Текст https://developer.chrome.com/blog/new-in-chrome-95/

Искусство обмана. Зак Лезерман делится вредными советами, как получить высокий рейтинг в Lighthouse, когда на самом деле производительность сайта страдает.

https://www.zachleat.com/web/lighthouse-deception/

Как я собрал современный веб-сайт в 2021 году. Кент Си Доддс с обзором технологий и библиотек, которые он применил при полном переписывании своего сайта.

https://kentcdodds.com/blog/how-i-built-a-modern-website-in-2021

Мониторинг веб-приложений при помощи Reporting API. Мод Нальпас рассказывает о способе собирать для приложения клиентские ошибки CSP, CORS, падения браузера, использования устаревших API и другие.

https://web.dev/reporting-api/

Тёмный паттерн автозаполнения. Альваро Монторо проводит эксперимент и изучает, сколько приватной информации браузеры отдают сайту внутри скрытой формы.

https://www.smashingmagazine.com/2021/10/autofill-dark-pattern/