🔊 Do you like sounds and music? Watch @hochsays give you an introduction to the Web Audio API in Korean!
(English subtitles available!)
https://www.youtube.com/watch?v=MY8LZ49D76c
1️⃣ Send a friend an instant message 💬 w/ a link to a playlist on a music streaming service.
2️⃣ Your pal clicks 🖱 the URL in their messenger.
3️⃣ It opens in the standalone window 🖥 of the streaming service's PWA!
🎉 Let PWAs be #URLHandlers—by @tomayac:
https://web.dev/pwa-url-handler/
RT Chrome UX Report 📊
🆕 The CrUX API was recently updated with a few significant changes:
CLS better handles long-lived apps, the old version is temporarily available as "uncapped CLS"
LCP accounts for removed elements
FCP "good" threshold is now 1.8s, was 1.0
More info 👇
Chrome Developers: Starting today, a CLS change that better accounts for long-lived pages has been rolled out across a number of Chrome's web tooling surfaces including @____lighthouse, PageSpeed Insights, and @ChromeUXReport ✨
https://web.dev/cls-web-tooling/
https://twitter.com/ChromeUXReport/status/1400177020882063360
RT Lighthouse
Lighthouse 8.0 is here! ⚡️
Improved CWV balance for the Performance Score, Lighthouse Treemap and metric filtering now in PSI and Canary DevTools, and a brand new CSP audit!
All that and more, detailed in the changelog:
https://goo.gle/lh8
https://twitter.com/____lighthouse/status/1400169824773414913
Starting today, a CLS change that better accounts for long-lived pages has been rolled out across a number of Chrome's web tooling surfaces including @____lighthouse, PageSpeed Insights, and @ChromeUXReport ✨
https://web.dev/cls-web-tooling/
💵 No more processing final transactions again!
Never directly process final transactions again! Google Play handles the checkout details so you don’t have to.
Watch to learn more 👉
https://goo.gle/3ggPwJZ
RT Phil Walton
📢 we just released v2 of the web-vitals JS library with support for the new definition of CLS:
If you're using the library, I recommend updating ASAP:
Lighthouse, PSI, CrUX, and Search Console will all start reporting the new definition this week 👍
https://web.dev/evolving-cls/
RT Adam Argyle
🆕 post on
both new functional pseudo class selectors have:
✅ great support
✅ lots of use cases
✅ 1 super power, to squash specificity
📄 read post
🔎 peep caniuse
http://web.dev/
https://web.dev/css-is-and-where/
https://caniuse.com/mdn-css_selectors_where
▶️ List Your Progressive Web App in Google Play
👀 Watch step-by-step examples + demos to list a PWA in the Chrome OS Google Play Store.
⭐ Bonus: Find out how to create and upload an application bundle using a Trusted Web Activity!
Start learning →
https://goo.gle/2R9FCRA
🧠 Combine Angular and TensorFlow.js and Build Intelligent UI at Any Scale
✔️ Machine learning + @angular templates
✔️ Build an ML model with data from Google Analytics
✔️ See a @TensorFlow Extended (TFX) based training pipeline
Watch now →
https://goo.gle/3bVtpaf
⏳ The page experience ranking roll-out is just around the corner.
What are the key update implications? How can site owners leverage new tools to optimize their pages for UX? Watch the On Demand session to ensure you're prepared.
📺👉
https://goo.gle/3yKxWGj
Thanks to the @excalidraw community for the great collaboration 🤝 on @tomayac’s and @lipis’ #GoogleIO talk! Here’s a cross-post of the talk write-up on the Excalidraw blog. ⤵️
Excalidraw: Did you miss @tomayac's and @lipis' #GoogleIO talk featuring Excalidraw and Project Fugu 🐡?
Watch it in our new blog post, or if you prefer reading, we have a full transcript as well! ❤️
https://blog.excalidraw.com/excalidraw-and-fugu/
Excalidraw ✍️ & Fugu 🐡
@tomayac talks about new web APIs used in the Excalidraw PWA.
👩💻Why is the user experience so great?
🧠What learnings can you apply to your own apps?
Tune in to find out ⏩
https://goo.gle/3fsgejl
👋 Web Developers, meet the next generation of Google Analytics.
This session will cover:
🔴 Game-changing new features of G.A. 4
🔵 End to end set up
🟡 Export to Big Query
🟢 Creating dashboards in Data Studio
Watch now →
https://goo.gle/3hY1F8N
🏁🏎️ Super charge your PWA!
@petele looks at bringing more integrated web experiences to your users with 5 easy improvements that will take your PWA to the next level.
See how 👉
https://goo.gle/2RPxoOY
⭐️ Spectre significantly changed the way we look at web security.
Watch and learn in this #GoogleIO session:
👉 How to keep your website secure with security headers
👉 Important upcoming changes and new defaults
Watch now 📺 →
https://goo.gle/3wHXoL5
🧐 How do Web Vitals allow popular global brands to drive better user engagement?
Understand the business impact of Core Web Vitals and optimize LCP, FID & CLS.
Join us 👉
http://goo.gle/3vxnRea
What's new in Web Vitals ✨ →
We went to work on your feedback and we’re excited to share the latest on how to measure and optimize Web Vitals with with new tooling improvements. 🥳
http://goo.gle/34lPwm3
Watch this session to learn how to make the most of web platform features to successfully interact with built-in and third-party password managers.
Learn how to stay protected ✔️ →
http://goo.gle/3vyhMOE
Learn how to prepare for a more private web 🔐
🍪 3P cookie phase-out
🔧 Helpful tools
📲 New APIs
... and more !
Watch the #GoogleIO session 👉
http://goo.gle/3fKjLbW
Twitter mirror
News & guidance for developers from the Google Chrome Developer Relations team.