Веб-стандарты. Страница 76

Почему CSS такой странный? Мириам Сюзан про особенности языка, его историю, настоящее и будущее в серии about:web на канале Mozilla Developer — https://youtu.be/aHUtMbJw8iA

Показываем фокус для улучшения доступности. Хидде де Врис наглядно объясняет, почему нельзя полностью прятать фокус на элементах и даёт советы, как сделать его красивым и доступным — https://hacks.mozilla.org/2019/06/indicating-focus-to-improve-accessibility/

Episode #197: Léonie Watson on accessible Web Components, AOM, ARIA challenges, browser support, dialogs and date pickers. 10% discount for FrontendConf with FC+WST promocode. Links on Medium https://medium.com/p/b73dcbabfe22 or on YouTube https://youtu.be/JBv0x1RxAbw

Современный сброс стилей CSS. Энди Белл предлагает авторскую нормализацию стилей, которая не только выравнивает отображение в браузерах, но и добавляет новое полезное для современных интерфейсов — https://hankchizljaw.com/wrote/a-modern-css-reset/

Новый способ офомления маркеров списков. Мириам Сюзан про новый псевдоэлемент ::marker, display: list-item и другие варианты в серии about:web на канале Mozilla Developer: видео https://youtu.be/2awepiNoaZI и демо https://codepen.io/mirisuzanne/pen/BaBKowO

Онлайн-конференция «Профессии в Digital» пройдёт 7–23 октября на площадке Skillbox. В программе 37 мастер-классов и 25 спикеров, среди тем: анимация на CSS и JS или в Adobe XD, введение во фронтенд, Data Science и Java, знакомство с PHP и Python, SEO, SMM, VR и другие. Бесплатная регистрация уже открыта — https://live.skillbox.ru/marathon/?utm_source=telegram&utm_medium=groups&utm_campaign=all_all_telegram_groups_post_marathon-8-2019-10_all_webstandards-ru_ardens&utm_content=2019-10-09&utm_term=pf-oct-dev

Юбилейный Я.Субботник по разработке интерфейсов пройдёт в Москве 26 октября. В программе шесть докладов о стабильности загрузки и поиске дубликатов в коде, экспериментах и эволюции фронтенда — https://events.yandex.ru/events/yasubbotnik/26-oct-2019

Создание тёмной темы для вашего сайта. Дейя Ходж с коротким введением в prefers-color-scheme в серии about:web на новом канале Mozilla Developer — https://youtu.be/jmepqJ5UbuM

Динамические CSS-компоненты без JavaScript. Хейдон Пикеринг показывает, как оптимизировать CSS-in-JS, используя пользовательские свойства — https://every-layout.dev/blog/css-components/

Извлекайте критический CSS. Милица Михайлия с обзором техники критического CSS и инструментов, которые помогут улучшить время первого рендеринга. В переводе на «Веб-стандартах» — https://medium.com/p/39e479af038e

00:00:19 Eva Ferreira
00:22:36 Ian Pouncey

Episode #196: Eva Ferreira and Ian Pouncey on Chromakey, live demos, Argentinian front-end community, Accessibility and SEO, HTML or ARIA. Links on Medium https://medium.com/p/346ab18b83d3 or on YouTube https://youtu.be/rArcWBT_Icw

Режимы письма и CSS-раскладки. Рэйчел Эндрю объясняет особенности работы со свойством writing-mode и его связи с гридами и флексами — https://www.smashingmagazine.com/2019/08/writing-modes-layout/

Извлекаем критический CSS. Милица Михайлия о влиянии подхода на метрики производительности и об инструментах автоматического определения критических стилей для страницы — https://web.dev/extract-critical-css

Drag-&-Drop компоненты для слепых пользователей. Расшифровка доклада Сергея Кригера про добавление доступности компонентам, с которыми привычно взаимодействовать мышкой: слайдер, загрузка файлов, сортируемые списки — https://habr.com/p/468541/

Графика для веба правильно. Полина Гуртовая и Рита Клубочкина с обзором всего, что вам нужно знать про оптимизацию графики: растр, вектор, видео, оптимизация и вставка — https://evilmartians.com/chronicles/images-done-right-web-graphics-good-to-the-last-byte-optimization-techniques

Поддержка тёмного режима в WebKit. Тимоти Хэтчер об использовании свойства color-scheme и медиавыражения prefers-color-scheme для оформления нативных элементов страницы и по системным предпочтениям пользователя — https://webkit.org/blog/8840/dark-mode-support-in-webkit/

Форматы изображений, серия видео SlyLama TV:

1. Растровые и векторные форматы, их задачах и особенности — https://youtu.be/P1K0ZNGczsk
2. Алгоритмы сжатия JPEG, JPEG2000, JPEG-XR, WebP и устройство RAW — https://youtu.be/G5Q2CltA_Pc