Maye Edwin

@pwafire creator • @googledevexpert for web

[Maye Edwin @mayeedwin1]

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!

[Chrome for Developers @ChromiumDev]

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

[Maye Edwin @mayeedwin1]

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

[Maye Edwin @mayeedwin1]

ai in chrome: built-in apis, devtools assistance & mcp server - Maye Edwin — Software Engineer & Google Developer Expert cc @pwafire #MeetMaye https://t.co/OvNqyfx0uA

[Maye Edwin @mayeedwin1]

Learn how this lightweight library makes Progressive Web App development effortless https://t.co/jwVqOjJbJ9 cc @pwafire

[pwafire @pwafire]

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

[Maye Edwin @mayeedwin1]

Hello @pwafire #webdev #pwafire

[pwafire @pwafire]

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

[pwafire @pwafire]

Cross-tab communication for same-origin browsing contexts. Sync state across tabs without a server ⁦@pwafire⁩ #webdev https://t.co/wuf1y5Ftsv

[Master.dev (Formerly Frontend Masters) @MasterDotDev]

Use the “resource:permission” naming convention for better code hinting.

From our Permission Systems that Scale course with @‌DevSimplified.

[Chrome for Developers @ChromiumDev]

@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

[MDN Web Docs @MozDevNet]

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

[MDN Web Docs @MozDevNet]

🆕 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

[MDN Web Docs @MozDevNet]

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

[MDN Web Docs @MozDevNet]

🆕 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

[MDN Web Docs @MozDevNet]

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

[MDN Web Docs @MozDevNet]

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

[Maye Edwin @mayeedwin1]

ai in chrome: built-in apis, devtools assistance & mcp server - Maye Edwin — Software Engineer & Google Developer Expert cc @pwafire #MeetMaye https://t.co/OvNqyfx0uA

[Maye Edwin @mayeedwin1]

What’s your ai workflow as a software engineer? #MeetMaye https://t.co/aUGGgu6E7Z

[Marko Denic @denicmarko]

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.

[MDN Web Docs @MozDevNet]

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

[Chrome for Developers @ChromiumDev]

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