⏰ Set a reminder, less than 24 hours left ✨
Register for #GoogleIO and come together with developers from around the world for thoughtful discussions, interactive learning, & more:
🎉 Keynotes
🙋 Ask Me Anything Q&As
🔧 Workshops
Register now 👉
http://goo.gle/3u0tLU2
🥳 Welcome to the Google I/O Photo Booth 🥳
Have fun and connect at the #IOPhotoBooth! Take photos with the Chrome dino, Sparky, Dash, and other developer mascots & share with your community online.
📸 Even @dalmaer is doing it!
Are you in? 👉
Google Developers 🔜 at #GoogleIO: 📸 Say "Ayy ooooh!"
The #IOPhotoBooth is officially open for business. Jump in and take a selfie with 🐦 Dash, 🔥 Sparky, 🦖 Dino and 🤖 Android Jetpack →
Tag us when you’re done. We want to see who takes the best pic. See you tomorrow at #GoogleIO
http://photobooth.flutter.dev/
🚦 Ready, set, I/O 🚦
On May 18-20, join us LIVE with other developers from around the world at #GoogleIO for exciting AMAs:
✔️ Web Vitals
✔️ Privacy Sandbox
✔️ PWAs and Fugu
✔️ Web runtime performance
✔️ Chrome and Web
Register now ✨ →
http://goo.gle/io21-chrome-ama
RT Google Developers 🔜 at #GoogleIO
Get ready to take an epic selfie at #GoogleIO!
Smile alongside Dash, Sparky, Dino, and Android in the official #IOPhotoBooth, made by @FlutterDev and @Firebase, next week. Don't forget to register →
See you at I/O! 🔥🐦 🤖🦖
https://goo.gle/3u0tLU2
🆕 #CSSpodcast on Snap Points from @una and @argyleink!
🎶 Subscribe or listen on your favorite service
➕ icymi, snap point devtools in Chromium 91
https://pod.link/thecsspodcast/
https://developer.chrome.com/blog/new-in-devtools-91/#css-croll-snap
Re @Firebase @FlutterDev The whole desert is lit up 🌵 The Android at @AndroidDev needs to check this out. #GoogleIO
RT Adam Argyle
Same tool is coming to Grid! Try it out in Canary today 💯
Una Kravets 👩🏻💻: Have you seen the new flexbox debugging features in Chrome DevTools?!
Prettttyyy darn cool
https://developer.chrome.com/blog/new-in-devtools-90/#flexbox
🙌 Join us at a #GoogleIO meetup!
The Community Lounge is the go-to experience for networking and conversation at Google I/O. Join for meetups hosted by Googlers in virtual breakout rooms.
Register now ✨ →
http://goo.gle/io-lounge
🎉 The #GoogleIO '21 schedule has arrived 🎉
Google I/O is back, online, and free for everyone! Save your spot for three days of exciting content.
✨ Keynotes
✨ Workshops
✨ Meetups
✨ Ask Me Anything Q&As
...and more!
Join us 👉
http://goo.gle/io21-chrome-agenda-1
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 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
🤠 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/
🆕 #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
RT Chrome UX Report 📊
Excellent, comprehensive post by @tunetheweb about measuring Core Web Vitals using CrUX (and beyond) ☕
Smashing Magazine: 🔥 An In-Depth Guide To Measuring Core Web Vitals by @tunetheweb.
– What are Core Web Vitals?
– How do they impact SEO?
– How are they measured?
– How do they update in Google Search Console?
– How do you track the impact?
– How do you use CrUX?
https://www.smashingmagazine.com/2021/04/complete-guide-measure-core-web-vitals/
https://twitter.com/ChromeUXReport/status/1384182673262841856
RT Google Search Central
What are the latest trends in Web #SEO? 📈🤔
Are sites ready for mobile-first📱indexing and the page experience🏃update?
@aleyda has the data! Watch the latest ⚡️ Lightning Talk ⚡️ for all the main learnings from 🕸️ Web Almanac 2020, SEO chapter!
📺 →
http://youtu.be/xpSRdok0qUM
https://twitter.com/googlesearchc/status/1382687655423401987
RT Rowan Merewood
How can FLoC (in Origin Trial now) enable a path off third-party cookies?
Goals: stop 1:1 tracking, keep personalisation, minimise site disruption
How: drop 1:1 user id cookie 🍪 add 1:many cohort from a FLoC 🐦
Result: individual profile not needed, customise to a FLoC instead!
RT Adam Argyle
typography and copy editing 🔥 tip
✅ word break with
<wbr/>
and/or
```html
<h1>
superlongword
</h1>
<h1>
super
<wbr/>
long
<wbr/>
word
</h1>
<h1>
superlongword
</h1>
```
try it!
learn more
https://codepen.io/argyleink/pen/vYgjVVx?editors=1100
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/wbr
Twitter mirror
News & guidance for developers from the Google Chrome Developer Relations team.