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

1:00:42
 
Поделиться
 

Manage episode 271479984 series 1427057
Сделано Веб-стандарты, Ольга Алексашенко, Вадим Макеев, and Алексей Симоненко и найдено благодаря Player FM и нашему сообществу. Авторские права принадлежат издателю, а не Player FM, и аудиоматериалы транслируются прямо с его сервера. Нажмите на кнопку Подписаться, чтобы следить за обновлениями через Player FM или скопируйте и вставьте ссылку на канал в другое приложение для подкастов.
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/

265 эпизодов