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

Демо специфичности в CSS. Мануэль Матузович делится интерактивной демкой, которая показывает, как разные селекторы влияют на специфичность. https://www.matuzo.at/blog/2022/specificity/

Google анонсировала Topics API, который заменит FLoC, плохо принятый сообществом. Браузер будет подбирать темы, интересные пользователю, и делиться ими с сайтами и рекламодателями. Анонс blog.google/product…-sandbox Технологии developer.chrome.com/docs/pr…x/topics Спека https://github.com/jkarlin/topics

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

Как создать анимацию, привязанную к скроллу. Шуво делится способом запускать анимацию при помощи JavaScript, когда пользователь доскролливает до элемента. css-tricks.com/scroll-…vascript

Начало работы с каскадными слоями в CSS. Стефани Эклз показывает, как работать с новым способом контроля специфичности в CSS. www.smashingmagazine.com/2022/01…e-layers

Что такое Flux, Redux, и зачем нужно глобальное состояние приложения. Максим Волков разбирается, из чего состоит Flux-архитектура. https://htmlacademy.ru/blog/boost/frontend/redux

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

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 Девшахта

Веб-стандарты - 318. Safari, сабгриды, Vue 3, оверрайды в npm, border-image, спеки…

audio/mpeg3

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

Валидация форм при помощи Constraint Validation API. Крэйг Баклер показывает способы валидировать пользовательский ввод в HTML, CSS и JavaScript. blog.openreplay.com/form-va…tion-api

Vue 3 станет версией по умолчанию с 7 февраля 2022. Эван Ю с подробностями о переключении версии и возможных необходимых действиях. blog.vuejs.org/posts/v…ult.html

Современная гибкая типографика. Адриан Бис исследует принципы и лучшие практики адаптивной типографики и реализует их при помощи CSS-функции clamp(). www.smashingmagazine.com/2022/01…ss-clamp

Создание UI-компонентов на CSS и SVG. Ахмад Шадид делится примерами, когда одновременное использование SVG вместе с HTML и CSS позволяет создавать интересные UI-компоненты. ishadeed.com/article…-svg-css

Выходим за рамки и взрываем звёзды с border-image и градиентами. Илья Стрельцын показывает, как при помощи свойства border-image создавать сложные фигуры, выходящие за границы элемента. css-live.ru/tricks/…ery.html

Лабиринт доступности. Игра, показывающая возможные барьеры, с которыми сталкиваются некоторые люди, когда пытаются получить контент в вебе. https://de.ryerson.ca/games/accessibility/

Каскадные слои в CSS за 5 минут. Юна Кравец рассказывает о новых CSS-примитивах @​layer и layer(), которые появятся в Chromium 99+, Firefox 97+ и уже доступны в Safari TP. https://youtu.be/ilrPpSQJb3U

Компания FingerprintJS рассказала про ошибку WebKit в реализации IndexedDB, которая позволяет отслеживать поведение пользователей между сайтами. Ошибка известна с 25 ноября и затрагивает не только Safari, но и все браузеры на iOS, даже в приватном режиме. fingerprintjs.com/blog/in…afari-15

Онлайн-курс про цифровую доступность для разработчиков, исследователей и дизайнеров пройдёт 12 февраля—20 марта В программе: теория доступной разработки, применение знаний на практике и тестирование работ вместе с незрячими людьми. https://accessibilityunity.com/