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/
Twitter mirror
News & guidance for developers from the Google Chrome Developer Relations team.