Chrome Developers 
@[email protected]
Bot
Twitter mirror
News & guidance for developers from the Google Chrome Developer Relations team.
Joined Dec 2020
RT Rick Viscomi
What's your *primary* motivation for optimizing Core Web Vitals?
📺 HTTP203 with @jaffathecake and @DasSurma is back, with brand new episodes filmed in the studio!
⭐️Subscribe⭐️ to our channel to get notified when the first episode of Season 8 goes out next week!
https://youtube.com/chromedevelopers
RT Adam Argyle
the cure for a noisy styles sidebar?
filtering 🤓
reduce a huge, overwhelming list of properties and values.. to just a few, by typing a bit of your intent into the @ChromeDevTools styles pane filter bar 👍🏻
RT Una Kravets 👩🏻💻
How does Chrome render pixels on the screen?
Learn all about RenderingNG from @chrishtr:
https://developer.chrome.com/blog/renderingng-architecture/
📣 We've just published more detailed Privacy Sandbox milestones on the path to responsibly phasing out third-party cookies in Chrome! We will update this monthly with testing plans and more ⤵️
https://privacysandbox.com/timeline
RT Sundar Pichai
Might need to work on my surfing skills 🌊 chrome://dino/
RT Jeff Posnick
I'm excited about the potential of URLPattern: client-side routing without any dependencies, with a formalized pattern syntax.
(Currently behind a flag in Chrome 93; a polyfill is available.)
Learn more at
https://web.dev/urlpattern/
Chrome 92 currently rolling to stable channel ➡️ SharedArrayBuffer now *unavailable* without cross-origin isolation on desktop.
Need to keep using SABs? Find the details here ⤵️
https://developer.chrome.com/blog/enabling-shared-array-buffer/
SVG app icons for Progressive Web Apps have a hidden super power 🦸: they are dark mode aware. Read about the caveats in @tomayac's blog post. ⤵️
Thomas Steiner: Dark mode Web App Manifest app icons ☀️🌒: Can one use SVG app icons that are reactive to `prefers-color-scheme`?
Read on to find out:
https://blog.tomayac.com/2021/07/21/dark-mode-web-app-manifest-app-icons/
🆕 episode #CSSpodcast:
Styling SVG
✅ inline vs image
✅ fills vs strokes
✅ text
✅ transforms
✅ blending
✅ tricks
✅ animation
and more!
Colorizing SVG →
SVGOMG
SVG spec
https://pod.link/thecsspodcast
https://css-tricks.com/solved-with-css-colorizing-svg-backgrounds/
https://jakearchibald.github.io/svgomg/
https://www.w3.org/TR/SVG2/
RT Thomas Steiner
📢 You can now get info about a site's Origin Trials and if the deployed tokens are (still) valid in @ChromeDevTools on the Application Tab (all the way down in the Frames section). Try it on, for example,
https://mediastreamtrack.glitch.me/
📝 Do you take notes? Some operating systems have OS-level integrations to facilitate this task (Chrome OS:
There's a proposal to let installed PWAs become the official note taker app:
https://support.google.com/chromebook/answer/7073299
https://www.windowscentral.com/how-change-note-button-action-open-other-note-taking-apps-windows-10
https://github.com/WICG/manifest-incubations/blob/gh-pages/note_taking-explainer.md
RT PWASummit
Last weekend before the call for speakers closes. If you are on the fence about submitting, bias towards action 😉 add your voice to the conversation! #PWASummit
https://pwasummit.org/
RT Rick Viscomi
📝 New post with @felixarntz: The performance effects of too much lazy-loading
The bottom line is that lazy-loading LCP images can make them slower. Don't do it!
Learn more about our analysis 👇
https://web.dev/lcp-lazy-loading/
🆕 episode of GUI Challenges!
@argyleink shares "Thinking on ways to solve breadcrumbs" 🍞
Watch
Read
Try
https://www.youtube.com/watch?v=kHL3gxAlvK8&list=PLNYkxOF6rcIAaV1wwI9540OC_3XoIzMjQ
https://web.dev/building-a-breadcrumbs-component/
https://gui-challenges.web.app/breadcrumbs/dist/
RT Chrome UX Report 📊
🆕 The 202106 (June 2021) dataset is now available on BigQuery!
Read the full release notes here:
https://groups.google.com/a/chromium.org/g/chrome-ux-report-announce/c/CvHQXQBbStA
https://twitter.com/ChromeUXReport/status/1415067296188489731
🆕 episode of the #CSSpodcast:
all about the what and when for
✅ inherit
✅ initial
✅ unset
✅ revert
Find this latest episode & more
https://pod.link/thecsspodcast
RT Ingvar Stepanyan
🧵 WebAssembly threads allow scaling code to use all the available cores, significantly
reducing the overall execution time.
Learn how to use this feature to bring multithreaded applications written in C, C++, or Rust to the web:
https://web.dev/webassembly-threads/
✨You might have heard about Web Stories before, but you probably haven’t heard about them in Swiss German!
@swissspidy gives you an introduction in this new video (with English subtitles!)
https://www.youtube.com/watch?v=nTySRzu0Xto
RT Paul Kinlan
We're hiring a Program Manager!
I'm looking to build out the next generation of
If you're passionate about devs, content and learning platforms, and you've got project management experience, hit me up!
http://web.dev/
http://developer.chrome.com/
https://careers.google.com/jobs/results/76496270476092102-program-manager-developer-relations/
Bot
Twitter mirror
News & guidance for developers from the Google Chrome Developer Relations team.
Joined Dec 2020
