📢 新シリーズ! ミニアプリ:ウェブテクノロジーで作られたブラウザーで動かないアプリ
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.
web.dev/mini-apps/

:sys_twitter: twitter.com/ChromiumDev/status

📢 @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.
web.dev/mini-apps/

:sys_twitter: twitter.com/ChromiumDev/status

📢 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.
web.dev/mini-apps/

:sys_twitter: twitter.com/ChromiumDev/status

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
developer.chrome.com/blog/fast

:sys_twitter: twitter.com/ChromiumDev/status

.@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.
goo.gle/3pU43OU

:sys_twitter: twitter.com/ChromiumDev/status

👀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!
youtube.com/watch?v=rZm1YaMZkU

:sys_twitter: twitter.com/ChromiumDev/status

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.
goo.gle/3pU43OU

:sys_twitter: twitter.com/ChromiumDev/status

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:
opencollective.com/open-web-do

:sys_twitter: twitter.com/OpenWebDocs/status

RT Flutter
🎉@dalmaer is here with a talk at !
Don’t miss Dion at 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 📺 →
goo.gle/FlutterEngage

:sys_twitter: twitter.com/FlutterDev/status/

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 (
caniuse.com/link-icon-svg
bugs.chromium.org/p/chromium/i
twitter.com/zcorpan/status/136

:sys_twitter: twitter.com/ChromiumDev/status

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
twitter.com/catalinred/status/

:sys_twitter: twitter.com/tomayac/status/136

🆕 032: Page Media
@ 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

thecsspodcast.libsyn.com/033-p
pod.link/thecsspodcast
</types>
:sys_twitter: twitter.com/ChromiumDev/status

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
developer.chrome.com/blog/new-

:sys_twitter: twitter.com/ChromiumDev/status

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
codepen.io/argyleink/pen/ExNLw

:sys_twitter: twitter.com/argyleink/status/1

🎥 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:
youtube.com/watch?v=flf2vS0IoR

:sys_twitter: twitter.com/ChromiumDev/status

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 , , & are our busiest tags…
goo.gle/fugu-tweets

:sys_twitter: twitter.com/tomayac/status/136

Did you know that the PWA `display` modes have a fixed fallback chain ⛓ as per the Web App Manifest spec?
With the new `display_override` property, you can make this fallback chain 👉your👈 custom fallback chain!
@tomayac explains it in
web.dev/display-override/

:sys_twitter: twitter.com/ChromiumDev/status

An outlook in the near future: We're working on adding Tabbed Application Mode 📑 to PWAs, so you can, for example, edit more than one document per window.
@tomayac's latest article has all the details you need to know about this Project Fugu 🐡 feature.
web.dev/tabbed-application-mod

:sys_twitter: twitter.com/ChromiumDev/status

Show older
小森林

每个人都有属于自己的一片森林,也许我们从来不曾走过,但它一直在那里,总会在那里。迷失的人迷失了,相逢的人会再相逢。愿这里,成为属于你的小森林。