246. Chrome 86, фокус, ::marker, отладка шрифтов, скринридеры, модалки, флексы и селект
8 сентября 2020
— Вадим Макеев
— Никита Дубко
— Ольга Алексашенко
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 Что делать с селектом
Поддержите нас
на Патреоне https://www.patreon.com/webstandards_ru
переводом на Яндекс.Деньги https://money.yandex.ru/to/41001119329753
или PayPal https://www.paypal.me/pepelsbey
Бета 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.yoksel.ru/inaccessibility/
Модальный компонент
Modal. A simple, accessible modal dialog web component — https://filamentgroup.github.io/fg-modal/demo/
Шапка на флексах
Building Website Headers with CSS Flexbox — https://ishadeed.com/article/website-headers-flexbox/
Адаптивная шапка с выпадающим меню на гридах, часть 1 — https://youtu.be/o7A0e4PkSAQ
Адаптивная шапка с выпадающим меню на гридах, часть 2 — https://youtu.be/0_v36dyI3kI
Что делать с селектом
Under the spotlight: Select — https://www.modulz.app/blog/under-the-spotlight-select
Custom Select Styles with Pure CSS — https://moderncss.dev/custom-select-styles-with-pure-css/
* * *
Слушайте свежие эпизоды в
Google Podcasts — https://podcasts.google.com/?feed=aHR0cHM6Ly93ZWItc3RhbmRhcmRzLnJ1L3BvZGNhc3QvZmVlZC8
Apple Podcasts — https://podcasts.apple.com/podcast/id1080500016
CastBox — https://castbox.fm/channel/id1177814
Pocket Casts — https://pca.st/moFp
Overcast — https://overcast.fm/itunes1080500016
ВКонтакте — https://vk.com/podcasts-32017543
Яндекс.Музыке — https://music.yandex.ru/album/6245956
Spotify — https://open.spotify.com/show/3rzAcADjpBpXt73L0epTjV
YouTube — https://www.youtube.com/playlist?list=PLMBnwIwFEFHcwuevhsNXkFTcadeX5R1Go
SoundCloud — https://soundcloud.com/web-standards
или подписывайтесь на RSS — https://web-standards.ru/podcast/feed/
Читайте новости в
Твиттере — https://twitter.com/webstandards_ru
ВКонтакте — https://vk.com/webstandards_ru
Фейсбуке — https://www.facebook.com/webstandardsru
Телеграме — https://t.me/webstandards_ru
Обсуждайте в Слаке — http://slack.web-standards.ru/