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

Новинки Firefox 80: свойство appearance без префикса, поддержка синтаксиса export * as namespace для модулей, сочетания в Web Animations API и другие. Подробнее в обзорах:

Марата Таналина https://tanalin.com/blog/2020/08/firefox-80/
На MDN https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/80

WebAssembly на практике. Полина Гуртовая и Андрей Барнов в блоге Злых Марсиан объясняют основы технологии и показывают, как запустить код, написанный на Rust или C, в браузере — https://evilmartians.com/chronicles/hands-on-webassembly-try-the-basics

Знакомство с Rome от создателей Babel. Дмитрий Ольховой про новый компилятор, сборщик, линтер, тест-раннер в одном флаконе — https://habr.com/p/515914/

Новинки Chrome 85 в видеообзоре Пита Лепажа: content-visibility: auto для отложенного рендеринга, типизация кастомных свойств прямо в CSS с помощью @​property, метод getInstalledRelatedApps для PWA и другое — https://youtu.be/htAiPOarIwI

Поддержка gap для флексов. Ахмад Шадид объясняет, как разными способами определить, поддерживает ли браузер свойство gap в комбинации с флексами — https://ishadeed.com/article/flexbox-gap/

Выпуск №244: Новая типографика, опыт Яндекса и Фейсбука в доступности, отладка a11y и новые интерфейсы. В гостях Евгений Некрасов и Никита Савчук. Слушайте на Ютубе https://youtu.be/h4bJcSI-RaY, читайте на Медиуме https://medium.com/p/263e8bf95e3d

00:01:47 События
00:04:11 Новая типографика
00:08:15 Исследование Яндекса
00:23:17 Опыт Фейсбука
00:30:38 Отладка доступности
00:37:54 Новые интерфейсы
00:45:25 Что мешает в вебе
00:56:52 Скринридеры

DI с TS на практике. Саша Беспоясов показывает, что такое внедрение зависимостей, зачем оно нужно и какие инструменты по автоматизации работы с ним есть — https://bespoyasov.ru/blog/di-ts-in-practice/

Как использовать AVIF, формат сжатия изображений следующего поколения. Дэн Клэммер с кратким введением в формат и его преимущества, про флаги в Chrome и Firefox, бету Squoosh с поддержкой AVIF и способ вставки на страницу — https://reachlightspeed.com/blog/using-the-new-high-performance-avif-image-format-on-the-web-today/

Drag and Drop, превью изображения и определение среднего цвета в отдельном потоке. Дмитрий Ольховой разбирает приложение на React, которое умеет всё это делать — https://habr.com/p/513308/

Продвинутая типографика с новым Local Font Access API. Томас Штайнер о новом API, который позволит получить доступ к локально установленным шрифтам и низкоуровневой информации о них, не ставя под угрозу приватность: как это работает и кому будет нужно — https://web.dev/local-fonts/

Создание Фейсбука, доступного как можно большему числу людей. Разработчики новой версии интерфейса соцсети рассказали, какие подходы и инструменты они использовали для улучшения доступности: линтеры статические и в рантайме, ремы, заголовки, фокус — https://engineering.fb.com/web/facebook-com-accessibility/

Будущее веб-типографики за свойством leading-trim. Итан Ванг о корнях проблемы с отступами от текста и как новая спецификация поможет их решить: в отступах не будут учитываться высота строки и выносные элементы — https://medium.com/p/d082d84b202

Насколько JavaScript сильный? Сергей Иванов погружается в тему неявных преобразований. Где и как возникают и вычисляются неявные преобразования в JavaScript? Возможно ли средствами языка сделать сам JavaScript сильнее? https://medium.com/p/9a36505c1370

Вертикальное выравнивание текста в кнопках и полях. Себастьяно Геррейру использует inline-flex и другие интересные решения — https://codyhouse.co/blog/post/vertical-text-alignment-in-buttons-and-inputs

Веб на двух экранах. Дейв Руперт пробует вёрстку в эмуляторе новинок Surface Duo и Surface Neo компании Microsoft и размышляет, чего не хватает вебу, чтобы лучше адаптироваться к таким устройствам.

Часть 1 https://daverupert.com/2020/07/gettin-foldy-with-the-dual-screen-web-part-i/
Часть 2 https://daverupert.com/2020/07/gettin-foldy-with-the-dual-screen-web-part-ii/

Современный JS в наших библиотеках. Гари Чу предлагает значительно снизить количество ненужного кода для современных браузеров с помощью ключа "browser2017" для экспорта и подключения в <script type="module"> — https://dev.to/garylchew/bringing-modern-javascript-to-libraries-432c

Webpack: руководство для начинающих. Тайлер МакГиннис с простым введением в принципы работы и настройку сборщика модулей. В переводе на Хабре — https://habr.com/p/514838/