Три статьи от деврел команды Google:
- об оптимизации метрики Largest Contentful Paint
- об оптимизации Cumulative Layout Shift
- об оптимизации First Input Delay
- об оптимизации метрики Largest Contentful Paint
- об оптимизации Cumulative Layout Shift
- об оптимизации First Input Delay
Вышел Firefox 76. В нём:
- улучшения DevTools: JavaScript, Network
- Audio Worklets, которые как и другие ворклеты работают вне основного потока
- исправления работы атрибутов min и max для типов интупов date, time
- улучшения Intl
- конструктор IntersectionObserver теперь принимает Document или Element в качестве рута через опции
Изменения для разработчиков
Изменения совместимости
Изменения для пользователей
- улучшения DevTools: JavaScript, Network
- Audio Worklets, которые как и другие ворклеты работают вне основного потока
- исправления работы атрибутов min и max для типов интупов date, time
- улучшения Intl
- конструктор IntersectionObserver теперь принимает Document или Element в качестве рута через опции
Изменения для разработчиков
Изменения совместимости
Изменения для пользователей
Mozilla Hacks – the Web developer blog
Firefox 76: Audio worklets and other tricks
Firefox 76 delivers great new features for web platform support, such as Audio Worklets and Intl improvements, on the JavaScript side. Also, we’ve added a number of topnotch improvements to ...
Вебня
Три статьи от деврел команды Google: - об оптимизации метрики Largest Contentful Paint - об оптимизации Cumulative Layout Shift - об оптимизации First Input Delay
Также они объединили эти метрики под инициативой Web Vitals, о которой написали посты в блоге Chromium и на web.dev.
Chromium Blog
Introducing Web Vitals: essential metrics for a healthy site
Optimizing for quality of user experience is key to the long-term success of any site on the web. Through our ongoing engagement and coll...
Ещё одна статья с web.dev — Профилирование Web Audio приложений в Chrome. Будет интересно тем, кто работает со звуком.
web.dev
Profiling Web Audio apps in Chrome | Articles | web.dev
Learn how to profile the performance of Web Audio apps in Chrome using `about://tracing` and the **WebAudio** extension in Chrome DevTools.
Dev канал Microsoft Edge обновлён до версии 84.
https://techcommunity.microsoft.com/t5/discussions/dev-channel-update-to-84-0-502-0-is-live/m-p/1361019
https://techcommunity.microsoft.com/t5/discussions/dev-channel-update-to-84-0-502-0-is-live/m-p/1361019
TECHCOMMUNITY.MICROSOFT.COM
Dev channel update to 84.0.502.0 is live
Hello Insiders! Today we’re releasing build 84.0.502.0 to the Dev channel. This week, we’ve got an article describing Automatic Profile Switching (informally referred to as Guided Switch in the past) in more detail: https://blogs.windows.com/msedgedev…
Apple объявили дату WWDC, которая в этом году будет онлайновой. WWDC пройдёт 22 июня. Ожидается, что Apple представят новые версии операционных систем macOS, iOS, iPadOS, tvOS и watchOS.
Apple Developer
WWDC24
Join the worldwide developer community online for a week of technology and creativity.
Mozilla написали о том, что COVID-19 влияет на разработку браузера Firefox, а именно внедрение breaking changes. Обещают позже написать подробнее про все breaking changes, которые появятся в Firefox 79. Firefox 78 станет релизом с раширенной поддержкой (ESR), поэтому там таких изменений не будет.
Firefox Site Compatibility
Firefox 77 Beta and Developer Edition are out, COVID-19 continues to affect the development
Mozilla shipped Firefox 77 Beta and Developer Edition today. Since the COVID-19 pandemic is still creating huge challenges to many businesses and individuals around the world, Firefox developers have avoided including backward-incompatible changes ot ...
Вышел Playwright 1.0 — аналог Puppeteer от Microsoft (форком которого он по сути и является)
Medium
Fast and reliable cross-browser testing with Playwright 🎭
Web developers today are shipping faster. Web apps are becoming increasingly sophisticated and run across all devices — our phones…
Ian Jacobs, участник и координатор нескольки рабочих групп W3C написал статью о будущем веба в платежах, аутентификации, приватности, банкингу и рекламе.
https://www.w3.org/blog/2020/05/payments-and-authentication-driving-toward-a-whole-greater-than-parts/
https://www.w3.org/blog/2020/05/payments-and-authentication-driving-toward-a-whole-greater-than-parts/
www.w3.org
Payments and Authentication: Driving toward a Whole Greater than Parts
Many forces are driving rapid changes in the payments industry, including the ubiquity of mobile devices, regulatory requirements (e.g., PSD2 in Europe), and real-time payments initiatives. COVID-19 is also changing the landscape as more companies move their…
В Bugzilla Firefox добавлены патчи для приватных полей класса.
https://bugzilla.mozilla.org/show_bug.cgi?id=1635839
В WebKit силами Igalia также давно добавлены необходимые патчи для всех видов полей класса и ведётся ревью.
В Chromium приватные поля класса доступны в Canary 84.
Так что кажется совсем скоро class fields будут доступны во всех основных браузерах.
https://bugzilla.mozilla.org/show_bug.cgi?id=1635839
В WebKit силами Igalia также давно добавлены необходимые патчи для всех видов полей класса и ведётся ревью.
В Chromium приватные поля класса доступны в Canary 84.
Так что кажется совсем скоро class fields будут доступны во всех основных браузерах.
bugzilla.mozilla.org
1635839 - Initial Private Fields Functionality
RESOLVED (mgaudet) in Core - JavaScript Engine. Last updated 2020-06-03.
На GitHub много классного и нового!
- Codespaces — редактор на основе VS Code прямо в браузере
- Discussions — форумная платформа
- сканирование кода на публично доступные секретные токены и другие уязвимости
https://github.blog/2020-05-06-new-from-satellite-2020-github-codespaces-github-discussions-securing-code-in-private-repositories-and-more/
- Codespaces — редактор на основе VS Code прямо в браузере
- Discussions — форумная платформа
- сканирование кода на публично доступные секретные токены и другие уязвимости
https://github.blog/2020-05-06-new-from-satellite-2020-github-codespaces-github-discussions-securing-code-in-private-repositories-and-more/
The GitHub Blog
New from Satellite 2020: GitHub Discussions, Codespaces, securing code in private repositories, and more
See what we announced at our first virtual GitHub Satellite including a full dev environment on GitHub powered by VS Code, a new way to have discussions with your communities, new ways to secure projects with code scanning and secret scanning, and more.
Новая статья в блоге V8 о пропозале Logical Assignment (stage 3).
v8.dev
Logical assignment · V8
JavaScript now supports compound assignment with logical operations.
Facebook написали о том как переводили свой код с PHP на React и Relay, заодно решив много проблем со стилями, SVG и оптимизацией кода.
https://engineering.fb.com/web/facebook-redesign/
https://engineering.fb.com/web/facebook-redesign/
Engineering at Meta
Rebuilding our tech stack for the new Facebook.com
Facebook.com launched in 2004 as a simple, server-rendered PHP website. Over time, we’ve added layer upon layer of new technology to deliver more interactive features. Each of these new features an…
Завтра состоится релиз Deno 1.0, отличное введение в который написал David Else.
https://blog.logrocket.com/deno-1-0-what-you-need-to-know/
https://blog.logrocket.com/deno-1-0-what-you-need-to-know/
LogRocket Blog
Deno 1.0: What you need to know - LogRocket Blog
Unofficially billed as "the sequel to Node.js," Deno is poised to be the most exciting and controversial JavaScript-related release in recent memory.
Web Audio Worklets пришли в Firefox 76, который уже неделю доступен в стабильной ветке браузера.
https://hacks.mozilla.org/2020/05/high-performance-web-audio-with-audioworklet-in-firefox/
https://hacks.mozilla.org/2020/05/high-performance-web-audio-with-audioworklet-in-firefox/
Mozilla Hacks – the Web developer blog
High Performance Web Audio with AudioWorklet in Firefox
Earlier this week, Audio Worklets landed in the release of Firefox 76. We’re ready to start bridging the gap between web audio and native. Developers can now leverage AudioWorklet to ...
Isaac Schlueter поделился нововведениями будущего npm 7. Изменений достаточно много. Также он там наобещал огромное количество статей с подробностями о предстоящих изменениях.
https://blog.npmjs.org/post/617484925547986944/npm-v7-series-introduction
https://blog.npmjs.org/post/617484925547986944/npm-v7-series-introduction
blog.npmjs.org
npm Blog Archive: npm v7 Series - Introduction
npm Blog (Archive); updates from the npm team are now published on the GitHub Blog and the GitHub Changelog
Да, кстати, вышел TypeScript 3.9, который всё хорошеет и хорошеет. Писать в очередной раз об изменениях в этой версии не хочется. Почитайте анонс или пробегитесь по описаниям релиз кандидата или беты. Всё то же самое.
Microsoft News
Announcing TypeScript 3.9
Today we’re excited to announce the release of TypeScript 3.9! If you’re unfamiliar with TypeScript, it’s a language that builds on JavaScript by adding syntax for type declarations and annotations. This syntax can be used by the TypeScript compiler to type…
Состоялся релиз Deno 1.0, TypeScript/JavaScript рантайма от оригинального создателя NodeJS!
https://deno.land/v1
Также увидел, что Рустам Имайкин создал канал про Deno, присоединяйтесь! 😉
https://deno.land/v1
Также увидел, что Рустам Имайкин создал канал про Deno, присоединяйтесь! 😉
Deno
Deno 1.0 | Deno
Dynamic languages are useful tools. Scripting allows users to rapidly and succinctly tie together complex systems and express ideas without worrying about details like memory management or build systems.
Кажется я ещё не писал о том, что появились записи с 75 встречи #TC39, прошедшей в марте-апреле. Следующая встреча начнётся уже 1 июня и продлится 4 дня вместо обычных трёх. Но о ней я ещё напишу подробнее ближе к делу.
GitHub
notes/meetings/2020-03 at main · tc39/notes
TC39 meeting notes. Contribute to tc39/notes development by creating an account on GitHub.
Через несколько минут начнеся конференция React Europe, которая в этом году бесплатная и пройдёт онлайн на YouTube.
https://www.youtube.com/watch?list=PLCC436JpVnK31LZG2cNINhlEQ1KTm39BR&v=41Ia291KIvI&feature=emb_noscript
https://www.youtube.com/watch?list=PLCC436JpVnK31LZG2cNINhlEQ1KTm39BR&v=41Ia291KIvI&feature=emb_noscript
YouTube
ReactEurope 2020 Live
Watch all the videos nicely cut in our 2020 playlist here https://www.youtube.com/watch?list=PLCC436JpVnK0Q4WHoB85ZYBwcCyTaMgAl&v=nzeL1wZltf0&feature=emb_noscript