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

Выпуск №202: Релиз Node.js и модули, новые формы в Edge, ленивая загрузка в Chrome, Safari и delegatesFocus, состояние и будущее веб-компонентов. В гостях Сергей Куликов из Vaadin. Ссылки на Медиуме https://medium.com/p/ccfe1df5869e или на Ютубе https://youtu.be/yAopxUNaoAs

Доступность и закон. Татьяна Фокина разбирает законы и стандарты по веб-доступности: европейские, американские и российские — https://medium.com/p/a81dd9dd5fc8

00:05:52 Web standards work
00:15:41 CSS multi-column
00:21:50 CSS for printing
00:27:41 New display values
00:36:34 Contributing

Episode #201: Rachel Andrew on Web standards work, CSS multi-column, CSS for printing, new display values, contributing to standards. Links on Medium https://medium.com/p/d4359aaad583 or on YouTube https://youtu.be/VOcLOzgZatg

Node.js 13 уже здесь! Команда Node.js Foundation о нововведениях в новой версии платформы: перенос версии 12 в LTS, V8 7.8, поддержка международных компонентов Юникода (ICU), стабильный Workers API и другое — https://medium.com/p/e28d6a4a2bd

Необычное использование псевдоэлементов. Ахмад Шадид делится случаями, в которых использование псевдоэлементов упрощает вёрстку визуальных эффектов — https://ishadeed.com/article/unusual-use-cases-pseudo-elements/

Есть ли случайные числа в CSS? Альваро Монторо реализует генератор псевдо-случайных чисел на чистом CSS и использует его для создания игры «Камень, ножницы, бумага» — https://css-tricks.com/are-there-random-numbers-in-css/

В Safari TP 95 появилась делегация фокуса в Shadow DOM с помощью attachShadow({ delegatesFocus: true }). Область применения — кастомные контролы, которые пробрасывают фокус на элементы внутри Shadow DOM. Этот механизм, ранее доступный только в Chrome, после исправлений был добавлен в HTML Living Standard — https://webkit.org/blog/9621/release-notes-for-safari-technology-preview-95/

Нетривиальная расстановка элементов на флексах без медиавыражений. Дмитрий Лаврик располагает элементы горизонтально на широких экранах и вертикально на малых минимумом кода — https://habr.com/p/473186/

Уже второй Node.js Code+Learn пройдёт в Москве 6 ноября с 12:00 до 20:00. Участники смогут сделать вклад в разработку Node.js под руководством участников основной группы разработки Node.js — https://medium.com/p/fd997241c77

Исследование проблем доступности в Firefox. Марко Цие рассказывает о возможностях аудита в инструментах разработчика: дерево доступности, автоматическое обнаружение проблем, симуляция цветовой слепоты и другие — https://hacks.mozilla.org/2019/10/auditing-for-accessibility-problems-with-firefox-developer-tools/

Стилизуйте состояния hover, focus и active по-разному. Зелл Лью объясняет назначение каждого состояния и почему они должны визуально отличаться друг от друга — https://zellwk.com/blog/style-hover-focus-active-states/

Разрабатываем доступную цветовую палитру. Дэрил Куперсмит и Уилсон Майнер рассказывают, как выбрать доступные цвета для дизайн-системы, сохранив при этом необходимую контрастность и яркость — https://stripe.com/blog/accessible-color-systems

Начиная с Chrome 77 на Android, у пользователей с включённым режимом экономии трафика автоматически срабатывает ленивая загрузка <img> и <iframe> за пределами экрана, как если бы им добавили атрибут loading="lazy" — https://blog.chromium.org/2019/10/automatically-lazy-loading-offscreen.html

Улучшения в Microsoft Edge на Chromium: новый внешний вид элементов управления, улучшенная сенсорная поддержка, доступность с клавиатуры, поддержка режима высокой контрастности — https://habr.com/p/472268/

00:03:52 CSS passion
00:12:27 Every Layout
00:16:22 Why Sass
00:25:24 Owls or gaps?
00:32:23 Container Queries
00:36:57 Variations of BEM

Episode #200: Andy Bell on CSS passion, Every Layout, why Sass, owls or gaps, Container Queries, BEM variations. Links on Medium https://medium.com/p/89091c23cfb1 or on YouTube https://youtu.be/OxTiMlZefXo

Take on me, браузеры! Видео доклада Евы Феррейры про обработку хромакея на видео при помощи JavaScript с эффектом ротоскопинга — https://youtu.be/d4gSor3KyIw