Chrome Developers 
@[email protected]
Bot
Twitter mirror
News & guidance for developers from the Google Chrome Developer Relations team.
Joined Dec 2020
📺 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/
RT Sundar Pichai
Might need to work on my surfing skills 🌊 chrome://dino/
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/
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/
🆕 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/
🆕 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 Rick Viscomi
💥 Introducing version 1.0 of the Web Vitals extension!
- integrating field data from @ChromeUXReport
- upgraded to the latest web-vitals.js
- sparkly new design
Read all about it at
https://web.dev/field-data-in-the-web-vitals-extension/
RenderingNG: a complete re-architecture of the Blink rendering engine, designed and built bit-by-bit over the past 8 years *while* you were using it!
Learn more about the updates we've already implemented, and what else is coming your way!
By @chrishtr
https://developer.chrome.com/blog/renderingng/
RT Smashing Magazine
🔖 The State Of Web Workers In 2021, by @DasSurma.
https://www.smashingmagazine.com/2021/06/web-workers-2021/
🆕 episode of the #CSSpodcast
all about touch interaction style 😎
✅ meta tags
✅ `touch-action`
✅ `user-select`
✅ scroll snap
✅ `overscroll-behavior`
✅ `-webkit-touch-callout`
✅ `-webkit-tap-highlight-color`
✅ `@ media (hover)` and friends
https://pod.link/thecsspodcast/episode/7c41c9d3ee73ea217a28024c0858be59
RT François
I've just learnt that Chrome on Android will not use the color defined in meta[name=theme-color] if it's too bright to ensure contrast with the UI.
See
https://source.chromium.org/chromium/chromium/src/+/main:ui/android/java/src/org/chromium/ui/util/ColorUtils.java;l=130
RT François
The "media" attribute is now supported for meta[name=theme-color] elements in Chrome Canary 🐤. It means installed PWAs can now adjust the status bar color on dark/light mode changes with just HTML.
See it in action in Safari 15 and Chrome 93 ⬇️
https://chromiumdash.appspot.com/commit/4ad19e2adda9a33a5ff79cedcfbe5d7d39387491
✨ Engage your audience with Chromebook ✨
Register for FREE to learn how to optimize your Android game →
Chrome OS is #2 in the 🌏 and continuing to grow rapidly. #GoogleforGames Dev Summit is July 12-13, 2021, take your gaming to the next level.
http://g.co/gamedevsummit
RT Una Kravets 👩🏻💻
Did you know that the latest version of Chromium (stable) includes a *massive* multi-year re-architecture? 🎉
TablesNG Resolves 72 Chromium Bugs for Better Interoperability
Read more ⤵️
https://developer.chrome.com/blog/tablesng/
What do you think about PWAs: love them? not so much?
Share your thoughts on the #PWASummit virtual stage. 🌎🌏🌍🌐
Call for speakers is open at
PWASummit: We are excited to announce PWA Summit 2021, Oct 6-7 - a free, online conference focused on helping everyone succeed with Progressive Web Apps. Join us:
🎤Submit a talk on
📅Book your calendar
👉Follow @PWASummit for updates
#PWA #PWASummit
http://pwasummit.org/
RT Adam Argyle
Virtual Keyboard API 😍
"developers can use [virtual keyboards] to enable better customization of their webpage's content and experiences."
```js
navigator.virtualKeyboard.overlaysContent = true
```
```css
env(keyboard-inset-height)
```
learn more 🔎
https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/VirtualKeyboardAPI/explainer.md
Bot
Twitter mirror
News & guidance for developers from the Google Chrome Developer Relations team.
Joined Dec 2020
