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

Автоматизизация тестов на доступность для исходного кода. Адриан Болонио настраивает GitHub Actions для запуска axe, pa11y, lighthouse и юнит-тестов в репозитории. www.adrianbolonio.com/en/acce…-actions

Создание генеративных SVG-гридов. Алекс Трост показывает несколько техник создания генеративного SVG-арта, разделяя итоговое изображение на блоки с вариациями. frontend.horse/article…ve-grids

00:01:13 События 00:03:20 Браузер Wolvic 00:11:35 Бета Chrome 99 00:20:55 Npm и 2FA 00:26:55 Cooler в Figma 00:32:17 Декораторы в Babel 00:36:30 Fetch в Node.js 00:39:00 Абстрактная раскладка 00:45:33 Ничей Jest 00:52:24 Дизайн-система Nova 01:00:35 Редкие шрифты

Веб-стандарты - 320. Wolvic, бета Chrome 99, 2FA, Cooler, декораторы, Fetch, раскладка…

audio/mpeg3

Выпуск №320: Андрей Мелихов, Юля Миоцен, Вадим Макеев про браузер Wolvic, бету Chrome 99, 2FA в npm, Cooler в Figma, декораторы в Babel, Fetch в Node.js, раскладки, Jest, Nova и редкие шрифты. Слушайте на Ютубе https://youtu.be/dowVi6G9zy8 Ссылки на сайте https://web-standards.ru/podcast/320/

Как мы уменьшаем размер изображений на веб-страницах в 10 раз с помощью нашего оптимизатора. Евгений Лабутин делится решением с прокси-сервером и клиентским компонентом. https://habr.com/p/645305/

Улучшение производительности JavaScript-бандла. Адриан Бис делится лучшими практиками разделения кода на примере React-приложений. www.smashingmagazine.com/2022/02…plitting

Wolvic. Igalia анонсировала новый браузер для виртуальной реальности на основе движка Gecko, продолжающий развитие проекта Firefox Reality под новым названием. Сайт проекта https://wolvic.com/ Анонс Igalia www.igalia.com/2022/02…vic.html Анонс Mozilla blog.mozilla.org/mozilla…-reality

Аудит доступности: основы. Как узнать, что есть проблемы, оценить критичность и начать улучшение доступности проекта. Татьяна Фокина и Василий Дудин в первой части серии про само понятие аудита доступности и как он может быть устроен. web-standards.ru/article…t-basics

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

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

Новинки Chrome 98 в обзоре Пита Лепажа: выключение тёмных автотем с помощью мета-тега или CSS-свойства color-scheme, поддержка векторных цветных шрифтов COLRv1, Region Capture API и другие. Видео https://youtu.be/VLjOIiOt7Do Текст developer.chrome.com/blog/ne…hrome-98

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

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

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

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

Веб-стандарты - 319. Topics API, новинки Figma и дизайна, бедный WebKit, Сложности…

audio/mpeg3

Выпуск №319: Юля Миоцен, Никита Дубко, Андрей Мелихов, Вадим Макеев про Topics API, новинки Figma, дизайн руками, бедный WebKit, сложности WebAssembly, TS на Go и пайпы в JS. Слушайте на Ютубе https://youtu.be/6iwGNl-0FK8 Ссылки на сайте https://web-standards.ru/podcast/319/

Как работают серверные компоненты в React. Чунг У показывает, как разделить компоненты на серверные и клиентские, и объясняет, что происходит, когда React рендерит серверные компоненты. blog.plasmic.app/posts/h…nts-work

Детектор фичей WebAssembly. Ингвар Степанян показывает, как выбирать и собирать бандлы для различных наборов доступных в браузере фичей WebAssembly. https://web.dev/webassembly-feature-detection/