В блоге WebKit опубликована статья о Web Animations API, в которой рассказывается об истории его становления, возможностях, интеграции с CSS и новых возможностях Web Inspector, помогающих в работе с анимациями в вебе.
WebKit
Web Animations in Safari 13.1
With the release of iOS 13.4, iPadOS 13.4, and Safari 13.1 in macOS Catalina 10.15.4, web developers have a new API at their disposal: Web Animations.
Релиз Unicode 14.0 будет отложен на полгода из-за пандемии COVID-19. Проекты ICU и CLDR при этом выйдут в срок. Релиз Emoji 14.0 также будет перенесён на полгода 🙀
blog.unicode.org
Unicode 14.0 Delayed for 6 Months
Due to COVID-19, the Unicode Consortium has decided to postpone the release of version 14.0 of the Unicode Standard by 6 months, from March...
Jake Archibald опубликовал короткую статью о том, почему resolve — это не противополжность reject в промисах. Мне кажется, что более понятно об этом написал Domenic Denicola ещё в 2014м.
Jakearchibald
Promises: resolve is not the opposite of reject
When I first started working with promises I had the overly simplistic view that passing a value into reject would mark the promise as "failed", and passing a value into resolve would mark it as "successful". However, the latter isn't always true.
На web.dev рассказали как они создавали сайт с помощью Eleventy, ECMAScript модулей, Nunjucks и веб компонентов на LitElement.
https://web.dev/how-we-build-webdev-and-use-web-components/
https://web.dev/how-we-build-webdev-and-use-web-components/
web.dev
web.dev engineering blog #1: How we build the site and use Web Components | Articles
In this first post from the web.dev engineering team, learn about how we build the site—including our use of Eleventy and Web Components.
W3C спецификации Web of Things (WoT) Architecture и Web of Things (WoT) Thing Description получили статус W3C Recommendation.
https://www.w3.org/2020/04/pressrelease-wot-rec.html.en
https://www.w3.org/2020/04/pressrelease-wot-rec.html.en
#WebAssembly пропозалы nontrapping-float-to-int, sign-extension-ops,и multi-value были переведены на phase 5 (добавлены в спецификацию).
В блоге браузера Samsung Internet вышла статья об Offscreen Canvas.
https://medium.com/samsung-internet-dev/offscreencanvas-workers-and-performance-3023ca15d7c7
https://medium.com/samsung-internet-dev/offscreencanvas-workers-and-performance-3023ca15d7c7
Medium
OffScreenCanvas, Workers and performance!
OffscreenCanvas to improve performance with the help of Workers. Showcase of a demonstration of the OffscreenCanvas API
А в блоге для веб разработчиков от Google вышла статья о CSS свойстве
https://web.dev/color-scheme/
color-scheme.https://web.dev/color-scheme/
web.dev
Improved dark mode default styling with the color-scheme CSS property and the corresponding meta tag | Articles | web.dev
The color-scheme CSS property and the corresponding meta tag allow developers to opt their pages in to theme-specific defaults of the user agent stylesheet, such as, for example, form controls, scroll bars, as well as CSS system colors. At the same time,…
Кстати, зарелиженный на этой неделе Firefox 75 теперь следит за Вами если Вы пользуетесь браузером на операционной системе Windows. Хороших выходных и постарайтесь не растерять веру в человечество.
Data@Mozilla
Understanding default browser trends
With Firefox 75, we’re launching a new scheduled task for Windows that will help us understand changes in default browser settings. As with all other telemetry related changes here at ...
Axel Rauschmayer опубликовал очередную статью по TypeScript. В этот раз про типизацию функций.
https://2ality.com/2020/04/typing-functions-typescript.html
https://2ality.com/2020/04/typing-functions-typescript.html
2Ality
Typing functions in TypeScript
This blog post explores static typing for functions in TypeScript.
Что нового придёт в Edge 83 DevTools:
- удалённый дебаг для устройств на Windows 10
- больше стпособов добраться до настроек
- улучшенный дизайн инфопанелей
- Color Picker теперь может управляться с клавиатуры
- таб Properties внутри панели элементов теперь правильно отображается после обновления страницы
- в Changes tool теперь можно пользоваться стрелками для скролла
- эмуляция нарушения зрения
- эмуляция локации
- отладка COOP и COEP
- возможность прикрепить док слева
- панель Audits переименована в Lighthouse
- удаление всех локальных исправлений внутри браузера
- обновлён UI долго выполняющихся задач
https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/whats-new/2020/03/devtools
- удалённый дебаг для устройств на Windows 10
- больше стпособов добраться до настроек
- улучшенный дизайн инфопанелей
- Color Picker теперь может управляться с клавиатуры
- таб Properties внутри панели элементов теперь правильно отображается после обновления страницы
- в Changes tool теперь можно пользоваться стрелками для скролла
- эмуляция нарушения зрения
- эмуляция локации
- отладка COOP и COEP
- возможность прикрепить док слева
- панель Audits переименована в Lighthouse
- удаление всех локальных исправлений внутри браузера
- обновлён UI долго выполняющихся задач
https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/whats-new/2020/03/devtools
Docs
What's new in DevTools (Microsoft Edge 83) - Microsoft Edge Development
Вебня
Andy Wingo написал статью о добавлении фичи Multi-value (phase 4) в SpiderMonkey.
Продолжение предыдущей статьи — multi-value webassembly in firefox: a binary interface. Как обычно с кучей подробностей и сравнением с реализациями в других движках.
Оказывается в консоли браузеров, основанных на WebKit, доступна глобальная функция
https://twitter.com/webkit/status/1249747490464616448
queryHolders(target), которая выводит массив всех объектов, которые хранят ссылку на объект target.https://twitter.com/webkit/status/1249747490464616448
Twitter
WebKit
Web Inspector Tip: using queryHolders(target) in the Console will return an array of all other objects that have a reference to target. https://t.co/6IIfVzyW3b
Cloudflare опубликовали статью со сравнениями производительности HTTP/3 и HTTP/2. Экспериментальная поддержка HTTP/3 уже присутствует в браузерах на основе Chromium, ночных сборках Firefox и Safari Technology Preview.
https://blog.cloudflare.com/http-3-vs-http-2/
https://blog.cloudflare.com/http-3-vs-http-2/
The Cloudflare Blog
Comparing HTTP/3 vs. HTTP/2 Performance
We announced support for HTTP/3, the successor to HTTP/2, during Cloudflare’s birthday week last year. Our goal is and has always been to help build a better Internet. Even though HTTP/3 is still in draft status, we've seen a lot of interest from our users.
Andy Wingo продолжает свою серию статей о #WebAssembly. В этот раз он замерил пропускную способность кодогенераторов различных движков и сравнил их внутреннее устройство.
https://wingolog.org/archives/2020/04/14/understanding-webassembly-code-generation-throughput
https://wingolog.org/archives/2020/04/14/understanding-webassembly-code-generation-throughput
В DevTools Edge 81 появилась поддержка 3D и локализаций.
https://twitter.com/EdgeDevTools/status/1250147106678956032
https://twitter.com/EdgeDevTools/status/1250147106678956032
Twitter
Microsoft Edge DevTools
DevTools 3D View and Localization are now in the current Stable build! 3D View is under "More Tools," and Localization will match your DevTools to your browser language. This can be toggled on and off in the Settings (F1). Let us know what you think!
Очередная статься от Axel Rauschmayer из серии про TypeScript — Types for classes as values in TypeScript.
Природа настолько очистилась, что в веб вернулся jQuery.
https://blog.jquery.com/2020/04/10/jquery-3-5-0-released/
https://blog.jquery.com/2020/04/10/jquery-3-5-0-released/
Jquery
jQuery 3.5.0 Released! | Official jQuery Blog
jQuery: The Write Less, Do More, JavaScript Library
AudioWorklet API будет включен по умолчанию в Firefox Beta 76 и в стабильном Firefox 77 (выйдет второго июня).
https://bugzilla.mozilla.org/show_bug.cgi?id=1616725
https://bugzilla.mozilla.org/show_bug.cgi?id=1616725
MDN Web Docs
AudioWorklet - Web APIs | MDN
The AudioWorklet interface of the Web Audio API is used to supply custom audio processing scripts that execute in a separate thread to provide very low latency audio processing.