🤷♂️Who doesn’t love easier and more efficient design?
In this session, @argyleink and @JecelynYeen will run through the various Chrome DevTools with tips on diagnosing and debugging common design issues.
Find out more 📺✨→
http://goo.gle/34nQqP0
🆕 #CSSpodcast on Containment from @Una and @argyleink!
"the containment spec is to improve performance of web pages by allowing developers to isolate a subtree of the page"
-
🎶 Subscribe or listen on your favorite service
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Containment
http://pod.link/thecsspodcast/
🛤️ Big changes are on the horizon for web design.
In this session, @Una discusses what responsive design means to the user and how to implement some of the new axes of responsive design.
Learn more here 👉
http://goo.gle/34hPSuf
🎥 Did you know some image formats load differently to others? Can you tell the difference?
@jaffathecake and @DasSurma take a look, from decades-old formats, to recent improvements and up-and-coming features.
⬇️ Watch here
https://www.youtube.com/watch?v=-7k3H2GxE5E&list=PLNYkxOF6rcIAKIQFsNbV0JDws_G_bnNo9&index=1
“We are in this Web thing together, and this is `about://` all of us!”—@tomayac
To make our documentation more inclusive of other #Chromium vendors, we’ll from now on avoid talking about `chrome://flags` and friends, and instead use `about://flags`! 🚩
https://web.dev/browser-flags/
In Chrome 84 we have introduced the Content Indexing API (
Chrome Developers: Chrome 84 is rolling out now! It adds support for app icon shortcuts, improves compatibility with the Web Animations API, adds the Wake Lock and Content Indexing API and plenty more. @petele has all the details at
https://developers.google.com/web/updates/2020/07/nic84
📈 Optimize after load with @_developit and @DasSurma!
Explore what makes interactive pages feel fast once loaded, then learn how to enhance your site's web performance.
Watch On Demand ⏩
http://goo.gle/3oNjokT
Re @openuicg ⚠️ custom elements require a dash in their name ⚠️
Now's a good time to make sure you're not already using an element called
<popup>
or
<selectmenu>
🤓
https://developers.google.com/web/fundamentals/web-components/customelements#:~:text=The%20name%20of%20a%20custom%20element%20must%20contain%20a%20dash
</selectmenu>
</popup> https://twitter.com/ChromiumDev/status/1396865046853029890
HTML isn't done!
We're working with @openuicg to bring new elements like `
<popup>
` and `
<selectmenu>
` to the Web Platform. These should enable easy popup and select-like UI that are accessible by default and work with auto-fill.
</selectmenu>
</popup> https://twitter.com/ChromiumDev/status/1396864652085108736
RT Ingvar Stepanyan
PSA: WebAssembly SIMD opcodes have been updated to their final version in Chrome 91.
If you previously used SIMD via Origin Trial, those Wasm will likely stop working - make sure to recompile your code with the latest toolchain and update to latest wasm-feature-detect.
RT Thomas Steiner
.@quicksave2k has landed an implementation 👏 of Sec-CH-Prefers-Color-Scheme in Chrome Canary ≥92.0.4514.0. We've put a demo online that showcases the use case we want to enable. The explainer includes screenshots of its output:
Chrome Developers: 📢 We're working on `Sec-CH-*` Client Hint headers modeled after User Preference Media Features (
👉 Explainer
👉 Spec draft
(via @tomayac)
https://drafts.csswg.org/mediaqueries-5/#mf-user-preferences
https://github.com/tomayac/user-preference-media-features-headers/blob/main/README.md
https://tomayac.github.io/user-preference-media-features-headers/
☝️ Missed an I/O session?
🤩 No problem!
You can watch and rewatch all the web #GoogleIO sessions to catch up on all the latest web updates 🎉
Go ahead and check them out ⏩
http://goo.gle/2Ru8NPx
📣 That's a wrap on #GoogleIO 📣
We hope you enjoyed attending the great talks and web sessions from I/O '21! Be sure to check out Adventure to discover demos, codelabs, and more in a whole new virtual world.
📺✨ →
http://goo.gle/2Ru8NPx
🥳 Your #GoogleIO Adventure is waiting →
✨ Are you ready?
Discover demos, codelabs, videos and more in a whole new virtual world. Unlock virtual swag and chat with other devs.
http://goo.gle/3v1kWKs
RT Paul Kinlan
Hehe - a nice team Photo for IO.
RT SimonJHarris
It’s #GoogleIO and Privacy Sandbox just made the keynote❗️Here’s what Google has to say about whether they sell data:
👋 See you at the web dome 📸 →
Meet us for a group photo! Discover demos, codelabs, videos and more in a whole new virtual world. Unlock virtual swag and chat with other devs and Googlers.
http://goo.gle/3v1kWKs
RT Shigeki Ohtsu
Google I/O でヤフーが今行っている Privacy Sandbox (Attribution Reporting API) のOrigin Trial が紹介されました。只今データ集計中です。/ Preparing for a more private web | Session
https://youtu.be/1g2uQfP1Q3U
🥳 #GoogleIO, be in the know!
Missed out on all the exciting web updates at #GoogleIO? You're in luck. Check out the top 8 web things to know.
Watch now ✨ 👉
http://goo.gle/3f0SPFH
RT Thomas Steiner
The "Project Fugu 🐡 and You" meetup at #GoogleIO is happening in roughly 45min from sending this tweet.
https://gdg.community.dev/boe/live_session/f4bb581c-4c43-486e-b54e-da2a4af7891d
Twitter mirror
News & guidance for developers from the Google Chrome Developer Relations team.