246. Chrome 86, фокус, ::marker, отладка шрифтов, скринридеры, модалки, флексы и селект

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Вадим Макеев, Никита Дубко, Ольга Алексашенко Темы 00:00:00 Интро 00:01:45 Бета Chrome 86 00:17:15 Пользовательский фокус 00:22:32 Псевдоэлемент ::marker 00:28:00 Отладка шрифтов 00:31:03 Инструкция по скринридерам 00:38:54 Модальный компонент 00:42:01 Шапка на флексах 00:47:48 Что делать с селектом Бета Chrome 86 • Chrome 86: Improved Focus Highlighting, WebHID, and More https://blog.chromium.org/2020/09/chrome-86-improved-focus-highlighting.html Пользовательский фокус • Chromium Blog: Giving users and developers more control over focus https://blog.chromium.org/2020/09/giving-users-and-developers-more.html • Хороший и плохой focus, полифил focus-visible и Open Prioritization https://youtu.be/EHg7DeciuW8 Псевдоэлемент ::marker • Custom bullets with CSS ::marker https://web.dev/css-marker-pseudo-element/ Отладка шрифтов • In new Chrome DevTools, you can finally disable local fonts loading! https://twitter.com/mikolajdobrucki/status/1298557964215820288 Инструкция по скринридерам • Недоступность в картинках http://css.yok…