Maye Edwin

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!

Use the “resource:permission” naming convention for better code hinting. From our Permission Systems that Scale course with @‌DevSimplified.

@Pinterest moved to native CSS carousels to replace legacy JS across their entire platform → goo.gle/4cZR6Pk 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 👇 developer.mozilla.org/en-US/docs/Web…

🆕 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 👇 developer.mozilla.org/en-US/docs/Web…

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 👇 developer.mozilla.org/en-US/docs/Web…

🆕 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 👇 developer.mozilla.org/en-US/docs/Web…

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 👇 developer.mozilla.org/en-US/docs/Web…

Format numbers correctly for any locale, no npm package needed 🌍 `Intl.NumberFormat` handles currencies, percentages, units, and compact notation. Learn more 👇 developer.mozilla.org/en-US/docs/Web…

ai in chrome: built-in apis, devtools assistance & mcp server - Maye Edwin — Software Engineer & Google Developer Expert cc @pwafire #MeetMaye maye.pwafire.org//reads/ai-in-c…

What’s your ai workflow as a software engineer? #MeetMaye maye.pwafire.org/reads/ai-devel…

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 👇 developer.mozilla.org/en-US/docs/Web…

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 → goo.gle/4aO0vbw

Angular has a new landing page at angular.dev! I love how it shows some of Angular's unique features such as: ‣ Incremental hydration ‣ Deferrable views ‣ Flavor of signals ‣ Investment in AI and codegen

Newly Available: Navigation API 🧭 The modern successor to the History API, designed specifically for SPAs. It provides centralized control over browser navigation with detailed event information and promise-based lifecycle management. Dive in! 👇 developer.mozilla.org/en-US/docs/Web…

A magical playground and tool to see what’s possible at console.pwafire.org cc @pwafire #WebDev

Understand the Universe

Every developer in the world is realizing how hard open source developers worked, first putting out a free/open package and then reviewing hundreds of PRs for free I must add. I got ~500 package open sourced before all the AI boom. The amount of effort required to review software has been insane. A developer told me he’s finding it hard to review code daily. And I was yeah welcome to my life for past ten or so years. I hope this makes developers in general a bit more empathetic towards maintainers.

Let’s dive deeper into WebMCP's new APIs. First, the Declarative API: it's built for high-precision, form-based tasks. By defining tools in your HTML, you enable agents to book flights or file support tickets with speed and reliability that scraping can't match 🤖🧵 (1/3)

For more complex workflows, there’s the Imperative API. Use this for dynamic scenarios like stadium seat selection or real-time data filtering that requires JavaScript. It provides a structured bridge for agents to execute logic without getting lost in the DOM 🖥️ (2/3)