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/

Оптимизация загрузки ресурсов. Эдди Османи, Лина Сохони и Патрик Минан рассказывают про экспериментальный атрибут importance, подсказывающий браузеру, какие ресурсы более критичны для загрузки.

https://web.dev/priority-hints/

Яндекс.Практикум запускает бесплатную Школу наставников по веб-разработке, Java, Python, Go, тестированию и дизайну. Школа научит делиться знаниями и развить экспертность, а выпускникам предложат наставничать в Практикуме после выпуска. Старт 8 ноября, приём заявок до 1 ноября, чтобы успеть выполнить тестовое задание.

https://practicum.yandex.ru/promo/mentors-school/?utm_source=telegram&utm_medium=performance&utm_campaign=Telegram_performance_promo/mentors-school-webstandards_ru

Предотвращение цепочек прокрутки. Ахмад Шадид показывает, как при помощи свойства overscroll-behavior контролировать пробрасывание событий скролла на элементы позади текущего прокручиваемого элемента.

https://ishadeed.com/article/prevent-scroll-chaining-overscroll-behavior/

Уважая предпочтения пользователей по движению. Мишель Баркер показывает, как в CSS и JS учитывать настройку системы, когда пользователь просит выключить анимации и движение на экране.

https://www.smashingmagazine.com/2021/10/respecting-users-motion-preferences/

Работа с файлами в вебе. Патрик Броссет делится различными способами загрузки и скачивания файлов, работы с файловой системой и интеграции с PWA.

https://patrickbrosset.com/articles/2021-10-22-handling-files-on-the-web/

Выпуск №305: Андрей Мелихов, Маша Просвирнина, Никита Дубко про состояние экосистемы в 2021, VS Code в браузере, Node.js 17, Reporting API, автозаполнение и спор SPA или MPA.

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

00:00:52 События
00:03:37 Chrome 95
00:11:35 Экосистема 2021
00:23:57 VS Code в браузере
00:30:04 Node.js 17
00:35:19 Reporting API
00:42:09 Автозаполнение
00:51:13 SPA или MPA