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

Веб-стандарты

Ведущие

Вадим Макеев, Никита Дубко, Ольга Алексашенко

Темы

• 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

Пользовательский фокус

• Chromium Blog: Giving users and developers more control over focus
• Хороший и плохой focus, полифил focus-visible и Open Prioritization

Псевдоэлемент ::marker

• Custom bullets with CSS ::marker

Отладка шрифтов

• In new Chrome DevTools, you can finally disable local fonts loading!

Инструкция по скринридерам

• Недоступность в картинках

Модальный компонент

• Modal. A simple, accessible modal dialog web component

Шапка на флексах

• Building Website Headers with CSS Flexbox
• Адаптивная шапка с выпадающим меню на гридах, часть 1
• Адаптивная шапка с выпадающим меню на гридах, часть 2

Что делать с селектом

• Under the spotlight: Select
• Custom Select Styles with Pure CSS