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

ВедущиеВадим МакеевНикита ДубкоОльга АлексашенкоТемы00:01:45 Бета Chrome 8600:17:15 Пользовательский фокус00:22:32 Псевдоэлемент ::marker00:28:00 Отладка шрифтов00:31:03 Инструкция по скринридерам00:38:54 Модальный компонент00:42:01 Шапка на флексах00:47:48 Что делать с селектомБета Chrome 86Chrome 86: Improved Focus Highlighting, WebHID, and MoreПользовательский фокусChromium Blog: Giving users and developers more control over focusХороший и плохой focus, полифил focus-visible и Open PrioritizationПсевдоэлемент ::markerCustom 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: SelectCustom Select Styles with Pure CSS