👀 A new video in a different language - now in 🇺🇦 Ukrainian! (English subtitles included)
@RReverser gives a practical intro to WebAssembly and walks through integration of a Rust library in a Web app from beginning to the end.
https://www.youtube.com/watch?v=Es7Ab2VH_Vg
RT maudnals
How to prepare for third-party cookie phase-out?🍪
Responses and time for questions coming soon! #GoogleIO
🔸Talk "Preparing for a more #private web": what's changing, how you can prepare, 3P cookies, new APIs and more 👉
1/2
https://goo.gle/io-21-private-web
RT Thomas Steiner
📢 The Google I/O (#GoogleIO) schedule is live! Here's everything relevant to the Project Fugu 🐡 and Progressive Web App crowd:
👉 [Talk] Five tips for your PWA:
👉 [Talk] @Excalidraw and Fugu: Improving core user journeys:
https://events.google.com/io/session/85f2a41b-9376-450f-b636-aa6e7d74dad5?lng=en
https://events.google.com/io/session/bb2e32e8-cdb2-4854-8a5e-6aa12984f9be?lng=en
RT Google Developers
👋 Welcome to #GoogleIO -- online & free for everyone!
Get a first look at the latest developer products and tutorials. You may also see a few familiar faces. 🤗
Don't forget to register 📺✨ →
https://goo.gle/3u0tLU2
🆕 040: The CSS Podcast
@ font-face
Loading fonts, loading parts of fonts, post load strategies, naming, tweaking, setting defaults, keywords, variant features, and more!
listen/subscribe on Google Podcasts, Spotify, iTunes, RSS and more
https://pod.link/thecsspodcast
RT Lighthouse
PageSpeed Insights now includes Lighthouse's element screenshots!
Find your page's most important elements even more quickly; click on the screenshot to reveal the element in the context of the whole page 🔎🖼
https://goo.gle/psi
https://twitter.com/____lighthouse/status/1387134884225900550
RT Rick Viscomi
📢 We're kicking off the 2021 Web Almanac "state of the web" report and looking for contributors!
Want to author a chapter, peer review, analyze data, translate, edit, code, design, or manage? Join hundreds of other amazing people from the web community!
https://github.com/HTTPArchive/almanac.httparchive.org/issues/2167
RT Ingvar Stepanyan
New blog post: Using asynchronous web APIs from WebAssembly.
In which I explain how and why expose async APIs as if they were synchronous to WebAssembly, and how it all works under the hood.
https://web.dev/asyncify/
Chrome 91 hit Beta 🎉
➡️ Form Controls Visual Refresh
➡️ Cross-origin iframe support for WebOTP
➡️ ES Modules for service workers
➡️ New Origin Trials
... and many more! check out the release notes here 👉
https://blog.chromium.org/2021/04/chrome-91-handwriting-recognition-webxr.html
RT Jake Archibald
So, who wants to see a magic trick with browser session history? There's a few little-known things in this one:
https://www.youtube.com/watch?v=CY-Zv0bmmRk
📋 Learn how to enable the user to share data beyond the browser window in @jorikdelaporik's article Breaking Down Barriers Using the DataTransfer API:
👉
Not sure what this about yet? Watch the video teaser:
https://web.dev/datatransfer/
https://youtu.be/EYMgUhn_Zdo
📢 New PWA case study: Mainline Menswear 👔 implements PWA and sees a 55% conversion rate uplift:
👉
Read the technical details on how they managed this conversion rate improvement 📈 in @charistheo_dev's and Natasha Kosoglov's write-up!
https://web.dev/mainline-mensware/
👉 Last chance to take part in our quick survey! 👈
Scrolling is hard... Keyboard navigation, mouse drag, pull to refresh, linked animations, carousels 😳
^ Tell us how we can make scrolling work better for developers and for users.
http://web.dev/2021-scroll-survey
RT Sam Dutton
🎉 Browsers now have a way to set up affiliations that password managers can access.
Google's Digital Asset Links enable credentials to be shared across websites, or between sites and Android apps.
🍏 iOS, macOS and Safari have Shared Web Credentials.
http://developer.chrome.com/blog/site-affiliation
WebOTP API assists users to enter OTP from SMS. Starting from Chrome 91 it supports forms inside cross-origin iframes. This is useful for things like payment confirmation 💳
Learn more:
https://web.dev/web-otp-iframe/
🔊 New HTTP 203 podcast! @DasSurma and @jaffathecake chat about:
➡️ Hype trains
➡️ Web performance
➡️ Image compression
➡️ And the wee scale
Listen here:
https://http203.libsyn.com/when-the-hype-train-turns-out-to-be-a-bus-replacement-service
🤠 Chuck Norris can customize PWA windows so they are round!
Everyone else can soon customize the Window Controls Overlay as outlined in @tomayac's and Amanda Baker's latest article:
Example of a search bar below as a teaser… 🔎
#WindowControlsOverlay
https://web.dev/window-controls-overlay/
RT WebAssembly Summit
🎉 WE ARE LIVE 🎉
Join us on the live stream and don’t forget to join the other attendees on the Discord (check the video description)!
https://www.youtube.com/watch?v=-4zNzxqUBsk
🆕 #GUIchallenges
"Thinking on ways to split text"
@argyleink demo's and explains a minimal way to chop text up for letter or word animations + interactions
Show
and tell
https://www.youtube.com/watch?v=3hvN7bkjZBk
https://web.dev/building-split-text-animations
🆕 039: The CSS Podcast
Paths, shapes, clipping and masking
@una and @argyleink help you delineate clipping from masking, plus break down all the neat stuff you can do
listen/subscribe on Google Podcasts, Spotify, iTunes, RSS and more
https://pod.link/thecsspodcast
Twitter mirror
News & guidance for developers from the Google Chrome Developer Relations team.