← Feed

Posts

• Post #3632299

  Very clever @firefoxwebdevs@mastodon.social DevTools feature 🦊 When you go to a page from a file URL, with DevTools open, you can now map "https://firefox.localhost" to the file's parent folder. So, now, I have "https://firefox.localhost" wired up to my Downloads folder. No servers. Thank you Firefox!

• Post #3513434

  Thank you @ouestware@mastodon.social for donating 1% of your sales revenue to open source projects that are important to your work! Great to see a donation to @openwebdocs@front-end.social, helping maintain a high quality of browser compat data and documentation for all developers! If only more companies did this! Read more ➡️ https://www.ouestware.com/2025/09/29/donations-copie-publique-2025/

• Post #3374611

  Quick SVG survey 🗳️ What are your pain points with SVG? What features are missing? What bugs matter the most?

• Post #1682331

  🌏🗣️ Localizing PWAs is about to get a whole lot better! With manifest localization, you can now provide translations for your app name, description, icons, and more, which wasn’t possible before. Shipping in Chromium 148. Amazing work from Alexander Kyereboah on the Edge team. ➡️ https://developer.chrome.com/blog/manifest-localization

• Post #1640923

  Getting inspired by all the things the new CSS grid lanes layout can do. Like this bottom-up and top-down layout. Sure, this layout isn’t the best for when order is important. But, man, is it cool for visual creativity.

• Post #1430448

  On the Edge team, we think web apps should be easier to install. The default browser install button is great, but we'd like something which you can use on your own site, how and when you want it. That's why we're proposing the Web Install API, which you can now test! https://blogs.windows.com/msedgedev/2025/11/24/the-web-install-api-is-ready-for-testing/

• Post #1255817

  Ever tried positioning an emoji picker or autocomplete popup inside a <textarea>? Then you know the mirror <div> hack 😬 The new OpaqueRange API makes this a 3‑line problem ✅ Native inputs. No style syncing. No hacks. Try it out today in Chromium-based browsers. Brought to you by the Edge team. 🎬 https://www.youtube.com/watch?v=Sp9C68TZXiE

• Post #1208207

  🤔 Does browser-stored data persist? 🤔 How much data can be stored in the browser? 🤔 How to check the available space? 🤔 What happens when an origin fills its quota? 🤔 When is data evicted? 🤔 How is data evicted? These questions, and others, now have correct and up to date answers on MDN Web Docs! ➡️ https://developer.mozilla.org/en-US/docs/Web/API/Storage_API/Storage_quotas_and_eviction_criteria

• Post #1179603

  On the Microsoft Edge team, we're introducing a new way to draw separators between items of a grid, flexbox, or multicolumn layout. We think it overcomes a lot of the limitations of existing techniques, and we would love to hear your feedback to help us shape the final design. https://blogs.windows.com/msedgedev/2025/03/19/minding-the-gaps-a-new-way-to-draw-separators-in-css/

• Post #961688

  Soon across all browsers: CSS contrast-color()! It returns a color that has guaranteed contrast against an other color. Very useful for computing text color with enough contrast against an unknown background. Demo ➡️ https://codepen.io/captainbrosset/pen/jEMWepJ?editors=1100 Docs ➡️ https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/color_value/contrast-color

• Post #961687

  This demo doesn't use a single line of JS code to respond to the arrow keys. Movement of the player is handled 100% by the upcoming `focusgroup` HTML attribute! Focusgroup was definitely *not* made for this 😅 But, so cool to have this out of the box on the web. More ➡️ https://open-ui.org/components/scoped-focusgroup.explainer/

• Post #961686

  Making keyboard navigation effortless. Introducing focusgroup. Focusgroup is a new HTML attribute, with early support in Edge, Chrome, and other Chromium-based browsers, that completely handles arrow key navigation within complex widgets. No JS needed! ➡️ https://blogs.windows.com/msedgedev/2026/03/05/making-keyboard-navigation-effortless/

• Post #961685

  I feel like this is either very dumb or very clever. Either way, I blogged about it: Using CSS animations as state machines to remember focus or hover states in CSS only. https://patrickbrosset.com/articles/2026-03-09-using-css-animations-as-state-machines-to-remember-focus-and-hover-states-with-css-only/

• Post #961683

  If you use a service worker's fetch event listener, would a `isReloadNavigation` boolean property be helpful to you? It would indicate if the current request was a user-initiated reload (e.g., refresh button click, location.reload(), or history.go(0)).

• Post #961682

  Want to get your mind blown with CSS? Hang out with the wonderful CSS community? Meet new folks? Learn a ton of new and useful things? ➡️ Get your ticket for CSS Day 2026 while they last! ➡️https://cssday.nl/

• Post #961681

  😪 Large web apps often fetch many resources at once, including 3rd party parts they don't control, creating slow UX. 💡 Network Efficiency Guardrails helps you catch and fix load bottlenecks. ℹ️ Check out our proposal to monitor and improve your app’s load perf: https://blogs.windows.com/msedgedev/2026/03/17/monitor-and-improve-your-web-apps-load-performance/

• Post #961679

  We'd like to adopt a logo for the WebDX community group (the group that's responsible for web-features data, which powers Baseline). We have 3 proposals from our community. Help us choose by voting at https://github.com/web-platform-dx/web-features/issues/3820 with a 👍 on the one you prefer!

• Post #954880

  The web Notifications API lets you alert users in a nice OS-integrated way. But, what if you work on an audio/video calls app? Wouldn't you need slightly different notifications? Notifications that better convey the immediateness of a call? That have obvious Accept/Dismiss buttons? On the Edge team, we have a solution for this: https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/Notifications/notifications_actions_customization.md And an implementation in Chromium. If this is...

• Post #916583

  On the WebDX community group, we're trying something new to capture signals from you all on features you need but aren't supported across browsers yet. When you visit caniuse.com, webstatus.dev, or the web features explorer, you might see a little thumbsup icon. Need that feature? Click the icon to signal your interest and leave a comment!

• Post #723518

  Curious about custom <select>? I wrote about some of my recent demos over at @csstricks! Take a look ✨ https://css-tricks.com/abusing-customizable-selects/