Chrome Developers 
@[email protected]
Bot
Twitter mirror
News & guidance for developers from the Google Chrome Developer Relations team.
Joined Dec 2020
RT Google Pay Developers
Autofill, Google Pay, and Payment Handler APIs!
There are tons of solutions to help developers securely process transactions on the web. Learn more about the capabilities for each payment offering.
🤯 How do you decide which ones to use?
Find out →
http://goo.gle/39It07G
https://twitter.com/GooglePayDevs/status/1369679468437069828
RT Thomas Steiner
🎉 Import Assertions & JSON Modules to come to Chromium if this Intent to Ship
```
import json from "./foo.json" assert {type: "json"}
```
BTW, the Blink shipping process now requires Web/Framework developer signals:
https://groups.google.com/a/chromium.org/g/blink-dev/c/dppzCKHI874/m/EAYgYA8cCAAJ
https://goo.gle/developer-signals
📢 新シリーズ！ ミニアプリ：ウェブテクノロジーで作られたブラウザーで動かないアプリ
by @tomayac
👉
🌏 ミニアプリの世界へようこそ
🛠 ミニアプリの開発者体験とは？
🌐 ミニアプリのエコシステムに関する考察
🎓 ミニアプリから学べること
Chrome Developers: 📢 New series! Web developer @tomayac’s exploration into Mini Apps: apps built with Web technologies, but that don’t run in browsers.
👉
🌏 The world of Mini Apps.
🛠 The DX of Mini Apps.
🌐 The wider Mini Apps ecosystem.
🎓 Learning from Mini Apps.
https://web.dev/mini-apps/
📢 @tomayac 为你带来了一系列的小程序研究：带大家深入了解这些利用网页科技开发，但并不在浏览器运行的程序。
👉
🌏 小程序介绍
🛠 小程序的开发者体验
🌐 小程序的生态环境
🎓 对小程序的感想
Chrome Developers: 📢 New series! Web developer @tomayac’s exploration into Mini Apps: apps built with Web technologies, but that don’t run in browsers.
👉
🌏 The world of Mini Apps.
🛠 The DX of Mini Apps.
🌐 The wider Mini Apps ecosystem.
🎓 Learning from Mini Apps.
https://web.dev/mini-apps/
📢 New series! Web developer @tomayac’s exploration into Mini Apps: apps built with Web technologies, but that don’t run in browsers.
👉
🌏 The world of Mini Apps.
🛠 The DX of Mini Apps.
🌐 The wider Mini Apps ecosystem.
🎓 Learning from Mini Apps.
https://web.dev/mini-apps/
Later this year, @googlechrome is moving from a 6-week release cycle to a 4-week release cycle, allowing us to ship new features and help get bug fixes out faster. More details, timelines, and what this means for you at
https://developer.chrome.com/blog/faster-release-cycle/
.@GooglePayDevs has made it easy to customize the appearance of the Google Pay button →
✅ Width and height
✅ Donate, plain, or buy
✅ Black or white
The code snippet changes as you make changes and supports @reactjs, @angular, and Web components.
http://goo.gle/3pU43OU
👀What’s this? Haven’t seen this thumbnail in a while!
It’s a special edition of ⚡️Supercharged Microtip⚡️!
@DasSurma gives you a quick-start on Web Workers
— in German with English subtitles!
https://www.youtube.com/watch?v=rZm1YaMZkUU
Re @GooglePayDevs has made it easy to customize the appearance of the Google Pay button →
✅ Width and height
✅ Donate, plain, or buy
✅ Black or white
The code snippet changes as you make changes and supports @reactjs, @angular, and Web components.
http://goo.gle/3pU43OU
RT Open Web Docs
The Open Web Docs worklog February edition is here!
- Will Bamberg joined the team
- Our first community webinar
- Improving syntax boxes
- Making sense of mixins
- Planning future work
Blog post:
https://opencollective.com/open-web-docs/updates/open-web-docs-worklog-february-2021-edition
RT Flutter
🎉@dalmaer is here with a talk at #FlutterEngage!
Don’t miss Dion at #FlutterEngage as he discusses how Chrome’s focus on Progressive Web Apps is a great fit for Flutter and how Flutter fits more broadly into the web platform as a whole.
Tune in 📺 →
http://goo.gle/FlutterEngage
Talking about icons, what if the browser just created PNG icons (required by Android) for PWA installation on-the-fly, based on just one developer-specified SVG icon? @tomayac has filed a feature request, star ⭐️ the bug if you like this. ⤵️
Thomas Steiner: Browsers like Chrome now support SVG icons (
https://caniuse.com/link-icon-svg
https://bugs.chromium.org/p/chromium/issues/detail?id=1184208
https://twitter.com/zcorpan/status/1367088060538769413
RT 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:
donavon "wyld" west: I was just reading @catalinred's article on changing favicon colors based on the system light/dark mode. While I love his technique, I think that the `media` attribute on the `link` tag in HTML5 SHOULD address this already. Unfortunately, it does not. Thoughts?
cc: @ChromiumDev
https://twitter.com/catalinred/status/1224336965560127488
🆕 032: Page Media
#CSS @ media is in the spotlight as @Una & @argyleink explain:
- media query
<types>
- device size, quality, color and interaction capabilities like `@ media (hover)`
- & more!
subscribe and listen
#CSSpodcast
http://thecsspodcast.libsyn.com/033-page-media
http://pod.link/thecsspodcast
</types> https://twitter.com/ChromiumDev/status/1366908761131032577
Chrome 89 is rolling out now! WebHID, WebNFC, & Web Serial are now available in stable. We’re closing a loophole a few used to skirt the PWA installability checks. Sharing comes to desktop & more! @petele has all the details at
https://developer.chrome.com/blog/new-in-chrome-89/
RT Adam Argyle
Here's what I mean when I say I like to use *CSS gradient color hints* with my "text over image" designs:
the contrast is so MUCH better!
✅ allows more black behind the text
✅ tweet 3/3 shows static image comparisons with and w/o a hint
source 👉🏻
1/3
https://codepen.io/argyleink/pen/ExNLwbR
🎥 What should you include in an image's alt text? @jaffathecake has changed how he approaches this problem, and maybe you will too!
➡️ Here's @jaffathecake and @DasSurma with some real-world examples:
https://www.youtube.com/watch?v=flf2vS0IoRs&list=PLNYkxOF6rcIAKIQFsNbV0JDws_G_bnNo9
RT Flutter
We've got a big surprise!
We're one week away from #FlutterEngage on March 3rd. Are you ready for Flutter, too?
💙 Register now →
http://goo.gle/FlutterEngage
📢 The team that brought you text fragments 📄 links [`#:~:text=cool` →
https://web.dev/text-fragments/
https://github.com/WICG/scroll-to-text-fragment/blob/master/EXTENSIONS.md
RT Thomas Steiner
I've worked on a tweet dashboard that shows y'all's tweets about the Project Fugu 🐡 hashtags we invite you to use in our posts:
The zoomed out view's interesting, showing that now #WebHID, #WebSocketStream, #WebTransport & #WebUSB are our busiest tags…
http://goo.gle/fugu-tweets
Bot
Twitter mirror
News & guidance for developers from the Google Chrome Developer Relations team.
Joined Dec 2020
