Вебня

Спецификация Accessible Rich Internet Applications (WAI-ARIA) 1.2 опубликована в статусе Candidate Recommendation

Продолжается работа над :focus-visible в WebKit

Уже добавлено несколько патчей и фичу скоро можно будет тестировать. Параллельно было добавлено несколько тестов в WPT и исправлений спецификаций.

https://blogs.igalia.com/mrego/2021/03/01/focus-visible-in-webkit-february-2021/

Что нового в DevTools Chrome 90

Chrome 90 выйдет 13 апреля (а завтра выйдет Chrome 89), и в нём появится много улучшений DevTools:
- новые инструменты отладки CSS flexbox
- Web Vitals оверлей (похожий на FPS meter)
- Обновления таба issues
- экранироавние символов в строках в консоли
- панель Trust Token в Application
- эмуляция CSS color-gamut
- улучшения инструментов PWA
- колонка Remote address space в панели Network
- улучшения производительности (в отдельных случаях до 10 раз!)
- разрешенные и запрещенные фичи в панели Application
- колонка SameParty в панели Cookies

А также пара деприкейтов и экспериментальных фич.

https://developers.google.com/web/updates/2021/02/devtools

Поддержка CSS-in JS в DevTools Chrome

В статье также присутствуют некоторые детали имплементации.

https://developers.google.com/web/updates/2021/02/css-in-js

В Deno влили поддержку WebGPU

Уже доступно в Deno Canary

Финализирован список предложений в спецификацию ECMAScript, которые будут пытаться продвинуться на следующий stage на мартовской встрече TC39

Полную повестку встречи можно найти здесь: https://github.com/tc39/agendas/blob/master/2021/03.md

Intl.Segmenter попытается взять stage 4
top-level await попытается взять stage 4
Class static Initialization Blocks попытается взять stage 3
Error Cause попытается взять stage 3
Collection Normalization попытается взять stage 3
Temporal попытается взять stage 3
ResizableArrayBuffer попытается взять stage 3
array-find-from-last попытается взять stage 2
Do expressions попытается взять stage 2
Async do expressions попытается взять stage 2
JavaScript module fragments попытается взять stage 1

Возможное будущее бандлинга JavaScript и других ресурсов

Daniel Ehrenberg из Igalia проводит исследования, которые могут улучшить бандлинг ресурсов в веб.

Первый является stage 0 TC39 пропозалом и называется JavaScript Module Fragments. Он добавляет синтаксис для добавления инлайн модулей внутри JS модуля. Это позволяет убрать лишний оверхед, добавляемый бандлерами.

Второй предложен в рамках WICG и называется Resource bundles. В нём предлагается новый формат бандла, который сможет содержать HTML, CSS, JS, WebAssembly, изображения или другие ассеты одновременно. Такие бандлы помогут убрать оверхед от префетчинга всех ресурсов.

Документация для разработчиков браузеров

Недавно команда WebKit представила обновлённый документ, который описывает с чего начать, если вы хотите сделать свой вклад в разработку браузера — https://github.com/WebKit/WebKit/blob/main/Introduction.md

Оказывается, разработчики Firefox также занимаются новой документацией, и она уже достаточно полная — https://firefox-source-docs.mozilla.org/index.html

Вышел Safari Technology Preview 121

В нём много улучшений и исправлений CSS свойств aspect-ratio и scroll-*, гридов, много работы над GPU process (основной фокус разработчиков из Apple сейчас), различные исправления медиа, BigInt Typed Arrays, ускоренный JSON.parse, приватные методы за флагом. В #WebAssembly добавлены потоковые компиляция и инстанциирование, Bulk-memory operations и Reference Types включены по умолчанию.

https://webkit.org/blog/11555/release-notes-for-safari-technology-preview-121/

Онлайн конференция Я люблю фронтенд

В эту субботу, 27 февраля, пройдет онлайн конференция Я люблю фронтенд. В программе 6 докладов, 3 воркшопа, а так же подведение итогов турнира Capture the flag (занятное упражнение).
Я (Рома) выступлю с докладом про проблемы большого JSON, по мотивам работы над поточным пасером JSON, о чем писал в своем канале пару месяцев назад.
Для участия нужно зарегистрироваться.

⚡️ Спецификаци Web Authentication: An API for accessing Public Key Credentials Level 2 получила статус Proposed Recommendation

Трансляция с Justin Fagnani из команды Polymer о релизах LitElement 3.0 и lit-html 2.0 (live)

Начало трансляции через 10 минут.

https://www.youtube.com/watch?v=F3y5E9YVtsk

Вышел TypeScript 4.2

Из нового:
- Сохранение псевдонимов типов в случаях, когда они раньше раскладывались на базовые
- Остаточные элементы теперь могут находиться в любом месте кортежей, а не только в середине
- Более строгие проверки для оператора in
- Новый флаг компилятора --noPropertyAccessFromIndexSignature
- Модификатор abstract для сигнатур конструкторов
- Флаг компилятора --explainFiles
- Проверка на использование функции без вызова в выражениях с || и &&
- Переменные, полученные в результате деструктуризации теперь могут быть специально помечены как неиспользуемы с помощью префикса _
- Улучшения взаимодействия опциональных свойств и строковых сигнатур ключа объекта
- Создание отсутствующей реализации функции на основе её вызова

https://devblogs.microsoft.com/typescript/announcing-typescript-4-2/

State Partitioning и Total Cookie Protection Firefox 86

Firefox вслед за Safari (с их Intelligent Tracking Prevention) и Brave продолжает бороться с отслеживанием пользователя, и реализует систему, изолирующую хранение состояния при использовании айфремов.

https://hacks.mozilla.org/2021/02/introducing-state-partitioning/
https://blog.mozilla.org/security/2021/02/23/total-cookie-protection/

И ещё анонс с видео и про множественные PiP бонусом: https://blog.mozilla.org/blog/2021/02/23/latest-firefox-release-includes-multiple-picture-in-picture-and-total-cookie-protection/

Вышел Firefox 86

В нём:
- некоторые улучшения DevTools
- lighter оператор для <feComposite> в SVG
- псевдокласс :autofill
- Intl.DisplayNames (ECMA402 2021)
- поддержка нескольких видео при воспроизведении Picture-in-Picture
- Total Cookie Protection
- AVIF изображения
- CSS-функций image-set()

Изменения для разработчиков
Изменения для пользователей
Изменения в API расширений

Вышел Babel 7.13.0

Из нового:
- опцию target теперь можно указать один раз на верхнем уровне конфига
- новая опция assumptions, в которой можно указать насколько разработчик готов пожертвовать соответствием спецификации в пользу производительности, аналогично опции loose, но гранулярно
- поддержка пропозала Records and Tuples (stage 2) (потребуется также полифилл)
- улучшение поддержки Flow и поддержка TypeScript 4.2
- опция useESModules задепрекейчена, и теперь Babel сам может автоматически определить какой формат модулей нужен, опция будет окончательно убрана в Babel 8

https://babeljs.io/blog/2021/02/22/7.13.0.html

⚡️Поддержка Top-level await (stage 3) добавлена в JavaScriptCore, движок, используемый в Safari/WebKit

https://bugs.webkit.org/show_bug.cgi?id=202484

На этой неделе я веду коллективный твиттер-аккаунт jsunderhood

https://twitter.com/jsunderhood/status/1363813539748667396

Релиз инструмента сборки Vite 2.0

Vite (читается как «Вит») представляет собой преднастроенный сервер для разработки и бандлер. Он использует нативные ES модули, Rollup и esbuild, позволяет работать с Vue, React, Preact, Lit Element. В нём также предусмотрены поддержка CSS и экспериментальная поддержка SSR.

https://dev.to/yyx990803/announcing-vite-2-0-2f0a

Руководство по использованию стримов

На web.dev опубликована хорошая статья о том, как работать со Streams API, подробно и с примерами использоваения.

https://web.dev/streams/