What if there was a Web Components conference?? @stuffbreaker.bsky.social and I are teaming up to get a little more serious about the idea of getting one together. We want to gather data on if there is interest in the community forms.gle/ZGqtYGj7V6q8... Please fill out and share to anyone!

Interested in a Web Components conference? Let us know below!

Web Components folks have been semi-seriously talking about organizing a conference for years, and with the ecosystem in a real moment of growth and popularity, it's about time! This form is our firs...

forms.gle

@bsky.app Can you add a feature where text within backticks is displayed as `<code>` please :)

@jakearchibald.com I saw your changes to hint popovers recently. I was wondering: do you, or the CSSWG/HTMLWG have a "vision" for how we should do styleable tooltips? Should those be hint popovers? Or do you think github.com/w3c/csswg-dr... stands a chance of becoming a standard?

@chriscoyier.net So i've now tried several times to have an LLM create a reproduction of a web standards issue in codepen. Problem is it runs into the cloudflare protection everytime because the Chrome instance is controlled by the LLM. Any tips?

@jakearchibald.com @bram.us Do you know if `position-anchor: match-parent;` is implemented in FF or Chrome? I'm trying to position a tether child element inside a popover. Only success i've hard to far is to have explicit anchors and set `position-anchor: --anchor;` on the child element.

@saron.bsky.social Do you know what the status of `ariaNotify()` in WebKit is? github.com/WebKit/WebKi... seems to imply it's implemented, but Element.prototype.ariaNotify is undefined in stable and STP.

Just published a blog post about the new CSS Anchor Positioning API! ⚓ I’ve been learning about it over the past few weeks, and it’s friggin’ great, but it also took me a minute to really get the hang of it. My goal in this post is to share the most useful bits, so you can start using it today. 🔥

Getting Started with Anchor Positioning • Josh W. Comeau

For decades, one of the most notoriously-challenging problems on the web has been sticking one element to another element, for things like tooltips and nested menus. The CSSWG has decided to provide a...

joshwcomeau.com

Here's a fun edge case with scroll-linked-view-transitions: you *can* scroll, but not enough to complete the view transition :) Probably will have to implement a workaround that adds padding at the bottom of the page so it can complete the transition.

So i have the shrink-on-scroll *view transition* working thanks to @bram.us chrome.dev/view-transit.... Tip: get the view transition working without scrolling before adding it. Also: `border` or `::after` won't animate. The "border" visible here is an `<hr>` element positioned absolute.

Scroll-driven animations or view transitions linked to the scroll timeline for a page-header that shrinks+becomes sticky when you scroll? I've implemented the first approach. Planning to try the second one as well. At the moment i don't fully understand all the pros/cons yet.

Dialog view transitions with invoker commands. 1. Intercept the "command" and "cancel" events. 2. Run startViewTransition(), in the callback move the view-transition-name from the <button> to <dialog> (and back). 3. Then call `showModal()` or `close()` to toggle the dialog.

🤔 What if browsers on iOS could use their own web rendering engines? What would, e.g., Blink look like on iOS? Spoiler: it would be awesome 😎 Check out @kylealden.bsky.social's fun perf and feature comparison between Safari and our prototype Blink-based browser: www.linkedin.com/pulse/test-d...

Test Drive: Blink on iOS

The Edge web platform team has been contributing changes to Chromium to help build a prototype exploring what an iOS browser using Blink (via BrowserEngineKit) can achieve. Blink is the same open-sour...

linkedin.com

@jensimmons.bsky.social Seems somebody forgot to tag the latest STP blog post properly: 245 isn't listed here webkit.org/blog/categor...

✅ Nice lil btn scale-down 🙈 Layout change bc the scroll bar disappears 🙈 No light dismiss These UX problems can easily be solved with: - closedby="any" - overscroll-behavior: contain

@github.com @vscode.dev Should i use VSCode Agents Window or GitHub Copilot App? What's the difference? #confused

Wrote up my findings from this question. Thanks all for your responses! patrickbrosset.com/articles/202...

Patrick - What's missing in CSS layout

An interpretation of the pain points and missing features which developers face with CSS layout, based on the 2025 State of CSS survey and a mini survey I ran on social media.

patrickbrosset.com

Patrick Brosset@patrickbrosset.com · 5mo ago

❓ A question for web developers ❓ If you do layout in CSS, what's missing? I'm especially interested in hearing about use cases that aren't yet solved by existing CSS layout features. #css #webdev

⭐ Making custom elements inherit native behaviors ⭐ Checkout our latest experiment ➡️ microsoftedge.github.io/Demos/platfo... This gives your custom elements native behaviors! For now we support form submission. Your <fancy-button> can now submit forms, no platform code duplication needed!

here is the new CSS Border shape API this is going to unlock so many sick new designs

A long time ago in a terminal far, far away… we asked Copilot CLI to build a Star Wars crawl from the GitHub Changelog. It delivered. Watch it happen 👇 #MayThe4th

Looks like Chromium is going to be the first(?) to get Element.matchContainer! I can throw out so much code when that lands. issues.chromium.org/issues/40887...

Accessibility is hard; case in point: the switch part is clickable, but clicking the label doesn't toggle the switch.

We are THRILLED to announce that our Ecma standards will now use UUIDs instead of integers. ECMA-262 is now ECMA-39c506d7-731f-4220-8ffd-a68970945a65. Far more scalable. No two specs will ever collide again. Perfect system. Shortened forms like ECMA-39c506d7 are acceptable in casual conversation.

@jakearchibald.com I just ran into FF not supporting `text-box-trim`. Surprised it isn't part of Interop 2026 as well (rejected). Technically difficult to implement in FF? caniuse.com/mdn-css_prop...

After a year of building, The Layout Maestro is officially live! 🎹🥳 An interactive CSS course that teaches you how to think in CSS layouts. 70+ lessons, 7 layouts, 150+ interactive demos! Ready to level up your layout skills? Enroll now👇: thelayoutmaestro.com

🛠️ The "platform-as-a-framework" era continues in Chrome 146 → goo.gle/4sHVbwb We’re nerding out over Scoped Custom Element Registries—finally allowing multiple versions of the same tag name on one page. Perfect for micro-frontends and avoiding library conflicts.

Can we have devtools help with figuring out why `position: sticky` isn't working? I've had that issue so many times... cc @bram.us @jakearchibald.com

I’m so tired of having the “Figma isn’t real” conversation. It’s literally derived from the word for figment, as in figment of the imagination. It is a suggestion, at best.

David Bushell 🪿@dbushell.com · 7mo ago

`text-wrap: balance` doesn't precisely break where the Figma picture arbitrarily breaks I don't have the will power for this conversation 😔

👀 Did anyone say vertical sticky table headers in horizontally scrollable data grids? No more duplicated headers, DOM restructuring, or JavaScript scroll synchronization!

IntentToShip@intenttoship.dev · 7mo ago

Blink: Intent to Prototype: CSS sticky positioning in single-axis scroll containers

Modern CSS capabilities.

Finally solving the tooltip arrow usecase with a new CSS property called border-shape ⚠️ WIP early-stage API, timeline TBD, more info coming soon But it brings a lil tear to my eye to see this working, border & all 🥲 This demo uses anchored container queries + border-shape + a little animation