Выпуск №318: Андрей Мелихов, Никита Дубко, Юля Миоцен про Safari TP, сабгриды, Vue 3, оверрайды в npm, border-image, чтение спек, старые браузеры, как не писать TypeScript и про Девшахту.

Слушайте на Ютубе https://youtu.be/AAkmt2TwxtE
Ссылки на сайте https://web-standards.ru/podcast/318/

00:00:52 Safari TP
00:07:04 Утечка в Safari
00:12:57 Сабгриды +1
00:19:50 Vue 3 близко
00:26:15 Оверрайды в npm
00:32:41 Border-image
00:41:53 Читать ли спеки
00:51:54 Старые браузеры
01:00:41 Как не писать TypeScript
01:13:16 Девшахта

Компонент переключения темы. Адам Аргайл делится мыслями о том, как собрать адаптивный и доступный компонент переключения между светлой и тёмной темами.

https://web.dev/building-a-theme-switch-component/

Что такое Flux, Redux, и зачем нужно глобальное состояние приложения. Максим Волков разбирается, из чего состоит Flux-архитектура.

https://htmlacademy.ru/blog/boost/frontend/redux

Начало работы с каскадными слоями в CSS. Стефани Эклз показывает, как работать с новым способом контроля специфичности в CSS.

https://www.smashingmagazine.com/2022/01/introduction-css-cascade-layers/

Как создать анимацию, привязанную к скроллу. Шуво делится способом запускать анимацию при помощи JavaScript, когда пользователь доскролливает до элемента.

https://css-tricks.com/scroll-triggered-animation-vanilla-javascript/

GitHub Actions на примере. Тед Саммер делится коллекцией примеров различных типовых конфигураций для GitHub Actions с комментариями.

https://www.actionsbyexample.com/

Google анонсировала Topics API, который заменит FLoC, плохо принятый сообществом. Браузер будет подбирать темы, интересные пользователю, и делиться ими с сайтами и рекламодателями.

Анонс https://blog.google/products/chrome/get-know-new-topics-api-privacy-sandbox/
Технологии https://developer.chrome.com/docs/privacy-sandbox/topics/
Спека https://github.com/jkarlin/topics

Демо специфичности в CSS. Мануэль Матузович делится интерактивной демкой, которая показывает, как разные селекторы влияют на специфичность.

https://www.matuzo.at/blog/2022/specificity/

Детектор фичей WebAssembly. Ингвар Степанян показывает, как выбирать и собирать бандлы для различных наборов доступных в браузере фичей WebAssembly.

https://web.dev/webassembly-feature-detection/

Как работают серверные компоненты в React. Чунг У показывает, как разделить компоненты на серверные и клиентские, и объясняет, что происходит, когда React рендерит серверные компоненты.

https://blog.plasmic.app/posts/how-react-server-components-work/

Выпуск №319: Юля Миоцен, Никита Дубко, Андрей Мелихов, Вадим Макеев про Topics API, новинки Figma, дизайн руками, бедный WebKit, сложности WebAssembly, TS на Go и пайпы в JS.

Слушайте на Ютубе https://youtu.be/6iwGNl-0FK8
Ссылки на сайте https://web-standards.ru/podcast/319/

00:01:09 События
00:04:14 Topics API
00:17:23 Новинки Figma
00:21:49 Дизайн руками
00:31:01 Бедный WebKit
00:45:30 Сложности WebAssembly
00:51:52 TS на Go
01:01:50 Пайпы в JS

Видео докладов с MinskCSS Meetup #9: вариативные шрифты, доступная валидация форм, игры на чистом CSS.

https://youtube.com/playlist?list=PL3uk4LxG9ZzmOQJcs6ZI93a6E5ZfaVLCa

Пуш-уведомления, WebXR и лучшая поддержка PWA появится в iOS. Максимилиано Фиртман с подробным обзором новинок беты iOS 15.4, среди которых: <dialog>, :has, accent-color, loading=lazy и многие другие.

https://firt.dev/ios-15.4b

CSS-переменные для React-разработчиков. Джош Камю показывает, как можно применять кастомные свойства внутри React-приложений для упрощения разработки.

https://www.joshwcomeau.com/css/css-variables-for-react-devs/

Новинки Chrome 98 в обзоре Пита Лепажа: выключение тёмных автотем с помощью мета-тега или CSS-свойства color-scheme, поддержка векторных цветных шрифтов COLRv1, Region Capture API и другие.

Видео https://youtu.be/VLjOIiOt7Do
Текст https://developer.chrome.com/blog/new-in-chrome-98/

WebVM. Алессандро Пиньотти показывает бессерверное виртуальное окружение Linux, которое может запускать Debian-пакеты прямо в браузере.

https://leaningtech.com/webvm-server-less-x86-virtual-machines-in-the-browser/

«Вечнозелёный» не значит тут же доступный. Эрик Бейли рассуждает о циклах обновлениях браузеров и предлагает разработчикам быть терпеливее, прогрессивно улучшать и не забывать о пользователях.

https://css-tricks.com/evergreen-does-not-mean-immediately-available/

Аудит доступности: основы. Как узнать, что есть проблемы, оценить критичность и начать улучшение доступности проекта. Татьяна Фокина и Василий Дудин в первой части серии про само понятие аудита доступности и как он может быть устроен.

https://web-standards.ru/articles/a11y-audit-basics/