Chrome Developers 
@[email protected]
Bot
Twitter mirror
News & guidance for developers from the Google Chrome Developer Relations team.
Joined Dec 2020
👀 A new video in a new language!
This time it’s @bibydigital giving you an introduction to Core Web Vitals in Serbian 🇷🇸 (with English subtitles so you can follow along!)
https://www.youtube.com/watch?v=wGT9s6NW6hg&list=PLNYkxOF6rcICpDJelUzmahpycz3ID6MZY
Re Follow along with #Compat2021, and let us know how we're doing!
You told us what you needed, and we listened!
In 2021, we aim to eliminate the five top compatibility pain points on the web:
Google blog post:
Microsoft:
http://bit.ly/3sf4W63
http://bit.ly/3vO6Axz
RT Addy Osmani
We're hiring in Chrome for a senior software engineer with experience in open source framework & tooling. Location: San Francisco / Bay area, California.
Interested? Check out
http://goo.gle/chrome-fw21
Re @Google The use of the `media` attribute with `
<link rel="icon"/>
` is defined in the
@WHATWG spec:
https://html.spec.whatwg.org/multipage/links.html#rel-icon
📢 Early heads up that later this year @Google Search will take the new favicon mark-up options into account we asked you about before:
```html
<link href="dark.png" media="(prefers-color-scheme: dark)" rel="icon"/>
<link href="default.png" rel="icon"/>
```
Thomas Steiner: On the Chrome team, we're thinking of making
`
<link href="dark.png" media="(prefers-color-scheme: dark)" rel="icon"/>
`
happen (i.e., for the `link` tag to respect the `media` attribute! If you think this is a good idea, please star ⭐ this bug:
https://bugs.chromium.org/p/chromium/issues/detail?id=970159
https://twitter.com/donavon/status/1228424408269758464
🆕 #GUIchallenges:
Thinking on ways to build Settings UI
✅ layout
✅ color
✅ animation
✅ accessibility
On air now!
If you're swift, you can have your comment or question answered by @argyleink while it's airing 🏃♀️
☞
https://www.youtube.com/watch?v=dm7gnp6eh3Q&list=PLNYkxOF6rcIAaV1wwI9540OC_3XoIzMjQ
🆕 034: Overflow
What happens to content that's too big for its container?
You can crop it, scroll it, or let it flow. Catch @Una and @argyleink talk about how to handle overflow in this week's #CSSPodcast
subscribe
listen
https://thecsspodcast.libsyn.com/
https://pod.link/thecsspodcast/episode/a77025224542b86694379794058a2359
These will be a game changer for those looking for a career path extension!
Google: The new Google Career Certificates are finally here! 🥳 What do you think about the new Certificates? #GrowWithGoogle
http://goo.gle/certificates
RT Lukas Weichselbaum
If you want to learn how to mitigate XSS with a strict CSP based on nonces or hashes read:
The "strict" CSP approach:
✅ doesn't suffer from allow-list bypasses,
✅ doesn't need customisation and
✅ effectively reduces the attack surface of your app.
https://web.dev/strict-csp/
Heads up⚠️
We appreciate your feedback on the Private Network Access (FKA CORS-RFC1918).
Chrome is moving toward restricting private network access by default in the future. Learn about our plans and get ready:
^@agektmr
https://web.dev/cors-rfc1918-feedback/
https://developer.chrome.com/blog/private-network-access-update/
📣 Chrome 90 (ninety!) hit beta.
Which means AV1 Encoder for WebRTC is here 🎉
Please check this post for additions and deprecations.
https://blog.chromium.org/2021/03/chrome-90-beta-av1-encoder-for-webrtc.html
RT Katie Hempenius
How to identify and fix layout shifts:
https://web.dev/debugging-layout-shifts/
https://twitter.com/katiehempenius/status/1370472813417611267
In 📣 blog and 🧵 thread form @mikewest has 5 HTTP header-based improvements to add to your site today to defend against Spectre and other side-channel attacks.
Mike West: Spectre is a practical attack, as @_tsuro's PoC at
Defend your users' data against Spectre and other side-channel attacks by applying the equally practical mitigations described in
https://leaky.page/
https://w3c.github.io/webappsec-post-spectre-webdev/
🆕 033: Preference Media Queries
a @una quote
"I like to think of these preference media queries as the next axis of responsive design." 😍
Learn all about preference media queries on the #CSSpodcast
👂 subscribe and listen
https://pod.link/thecsspodcast/episode/1600bb95a224dddcd7d5d584db1d2ff3
RT Chrome UX Report 📊
Re The new rank magnitude data in CrUX helps you compare popularity segments of the web, like the head, torso, and tail, to better understand the state of real-user experiences.
Read our blog post:
https://developers.google.com/web/updates/2021/03/crux-rank-magnitude
https://twitter.com/ChromeUXReport/status/1369592850380300288
🤯 How cool is that?
In this 🆕 video, you can decide whether you want to learn about simulating color vision deficiencies by listening to @mathias in English or Flemish!
Watch the video here and click the cog ⚙️
👇
https://www.youtube.com/watch?v=34iDTeCNTz4
RT Adam Argyle
🆕 consume less memory with #CSS `overflow: clip`
It's like `overflow: hidden` except it's not a scroller in any way! Out of site, out of mind.
upgrade with the cascade:
```css
overflow: hidden;
overflow: clip;
```
caniuse
MDN
https://caniuse.com/mdn-css_properties_overflow_clip
https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#values
We just started to document the Version History API endpoint. It will let you query all the released versions of Chrome.
eg.
^@paul_kinlan
https://developer.chrome.com/docs/versionhistory/
https://versionhistory.googleapis.com/v1/chrome/platforms/win/channels/stable/versions/all/releases?order_by=starttime
📣 Chromium Project will be participating in Google Summer of Code, which means we are calling for all students to submit proposals!
💡Checkout Project Ideas (listed at the bottom of this page) and submit!
https://summerofcode.withgoogle.com/organizations/4864415247106048/
Bot
Twitter mirror
News & guidance for developers from the Google Chrome Developer Relations team.
Joined Dec 2020
