Happy to announce that @pwafire is a recipient of this fund. Big thanks to the Chrome Team for supporting our effort to make "building more capable PWAs" effortless. Thank you!
Congratulations to the 11 projects we've sponsored through the Advanced Web Apps Fund!
We're excited to recognize these projects, and enable their creators to spend more time on them. Applications are still open & reviewed on a rolling basis.
https://t.co/tQHyKeS6ym
how tapped wires pwafire's webauthn helpers on the client to a simplewebauthn cloud function on the backend, with firebase auth custom tokens bridging the two cc @pwafire#MeetMaye#WebDev https://t.co/AEW7MtlYMv
ai in chrome: built-in apis, devtools assistance & mcp server - Maye Edwin — Software Engineer & Google Developer Expert cc @pwafire#MeetMaye https://t.co/OvNqyfx0uA
Service workers provide the door to writing offline-first capabilities as the base feature. Bottom line, they sit as a proxy between web browsers and web servers. Workbox libraries and tools allow you to build robust service workers quicker than ever! https://t.co/9NvElj0LTg
We just added the language detection API to the family : https://t.co/tEqpn7YcdF we now have 30 solid web APIs out of the box in @pwafire#webdev#pwafire
@Pinterest moved to native CSS carousels to replace legacy JS across their entire platform → https://t.co/xF1kTX6IQA
Using CSS primitives like scroll markers and snap, they achieved:
📉 90% code reduction (2k JS → 200 CSS)
🚀 15% faster page loads
✨ Smoother, interactive UI
Create frosted glass effects in CSS 🪟
backdrop-filter applies visual effects to the content behind an element — blur, brightness, contrast, and more.
backdrop-filter: blur(10px) brightness(0.9);
No JavaScript. No canvas tricks.
Learn more 👇
https://t.co/HljKMKyb0y
🆕 The Popover API is Baseline, no JavaScript needed
Tooltips, dropdowns, and menus with just HTML attributes.
⋅ popover attribute on any element
⋅ popovertarget to wire the trigger
⋅ Accessible by default, no ARIA hacks
Learn more 👇
https://t.co/fDxvVleL0Q
Generate cryptographically secure UUIDs in the browser 🔐
`crypto.randomUUID()` is built into the Web Crypto API, no npm package needed.
Works in all modern browsers and Node.js 14.17+.
Learn more 👇
https://t.co/Y2RMx1N8Tn
🆕 CSS Anchor Positioning is Newly Available!
Position tooltips, dropdowns, and floating elements relative to any anchor, without JavaScript.
⋅ anchor-name on the reference element
⋅ position-anchor on the floating element
Learn more 👇
https://t.co/iG6jsykIDS
Read and write to the clipboard with the modern Clipboard API 📋
async/await, permission-aware, and way cleaner than execCommand.
⋅ Supports text, HTML, and images
⋅ Works in secure contexts (HTTPS)
⋅ No Flash. No hacks.
Learn more 👇
https://t.co/NjvvhZ4bNa
Format numbers correctly for any locale, no npm package needed 🌍
`Intl.NumberFormat` handles currencies, percentages, units, and compact notation.
Learn more 👇
https://t.co/DUSy0NBdYa
ai in chrome: built-in apis, devtools assistance & mcp server - Maye Edwin — Software Engineer & Google Developer Expert cc @pwafire#MeetMaye https://t.co/OvNqyfx0uA
CSS tip:
Stop duplicating your CSS for Dark Mode.
The new light-dark() function lets you define both values in a single line.
It eliminates the need for redundant media queries and keeps your variables in one place.
Meet Promise.try() ✨
A new static method that wraps any callback in a Promise - handling both sync and async execution uniformly.
Start experimenting now 👇
https://t.co/ngRxzUPull
Stop fighting specificity wars🛡️
The @scope at-rule is Baseline Newly Available and gives you granular control over where your styles apply. Define your root, set your limits, and keep your CSS clean → https://t.co/pnLVYJXN4X