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