Jeroen Zwartepoorte @jpzwarte.bsky.social · 21/08/2026@bsky.app Can you add a feature where text within backticks is displayed as `<code>` please :) 160
Jeroen Zwartepoorte @jpzwarte.bsky.social · 21/08/2026@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?github.com[css-ui] Standardize tooltip styling and expose as `::tooltip` · Issue #8930 · w3c/csswg-draftsEdit: Resolved to add to spec on Jul 20, 2023 Now that popover and anchor positioning are moving forwards, I wonder if it’s time to re-examine standardizing tooltip styling and adding a ::tooltip p... 111
Jeroen Zwartepoorte @jpzwarte.bsky.social · 20/08/2026@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? 110
Jeroen Zwartepoorte @jpzwarte.bsky.social · 18/08/2026@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. 110
Jeroen Zwartepoorte @jpzwarte.bsky.social · 28/07/2026@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. 100
Reposted by Jeroen ZwartepoorteJosh W. Comeau @joshwcomeau.com · 06/07/2026Just 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. 🔥joshwcomeau.comGetting Started with Anchor Positioning • Josh W. ComeauFor 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... 918032
Jeroen Zwartepoorte @jpzwarte.bsky.social · 03/07/2026Here'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. 000
Jeroen Zwartepoorte @jpzwarte.bsky.social · 26/06/2026So 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. 120
Jeroen Zwartepoorte @jpzwarte.bsky.social · 25/06/2026Scroll-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. 240
Reposted by Jeroen ZwartepoorteRik Schennink @rikschennink.com · 22/06/2026Dialog 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. 1172
Reposted by Jeroen ZwartepoortePatrick Brosset @patrickbrosset.com · 16/06/2026🤔 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...linkedin.comTest Drive: Blink on iOSThe 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... 22712
Jeroen Zwartepoorte @jpzwarte.bsky.social · 09/06/2026@jensimmons.bsky.social Seems somebody forgot to tag the latest STP blog post properly: 245 isn't listed here webkit.org/blog/categor... 100
Reposted by Jeroen ZwartepoorteUna Kravets @una.im · 03/06/2026✅ 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 2698
Jeroen Zwartepoorte @jpzwarte.bsky.social · 03/06/2026@github.com @vscode.dev Should i use VSCode Agents Window or GitHub Copilot App? What's the difference? #confused 000
Reposted by Jeroen ZwartepoortePatrick Brosset @patrickbrosset.com · 20/05/2026Wrote up my findings from this question. Thanks all for your responses! patrickbrosset.com/articles/202...patrickbrosset.comPatrick - What's missing in CSS layoutAn 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. 2125
Reposted by Jeroen ZwartepoortePatrick Brosset @patrickbrosset.com · 11/05/2026⭐ 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! 1226
Reposted by Jeroen ZwartepoorteWes Bos @wesbos.com · 08/05/2026here is the new CSS Border shape API this is going to unlock so many sick new designs 1333743
Reposted by Jeroen ZwartepoorteGitHub @github.com · 05/05/2026A 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 1375
Reposted by Jeroen ZwartepoorteKilian Valkhof @kilianvalkhof.com · 04/05/2026Looks 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...issues.chromium.orgChromium 081
Jeroen Zwartepoorte @jpzwarte.bsky.social · 14/04/2026Accessibility is hard; case in point: the switch part is clickable, but clicking the label doesn't toggle the switch. 000
Reposted by Jeroen ZwartepoorteTC39 @tc39.es · 01/04/2026We 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. 628435
Jeroen Zwartepoorte @jpzwarte.bsky.social · 30/03/2026@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...caniuse.comCSS property: text-box | Can I use... Support tables for HTML5, CSS3, etc 100
Reposted by Jeroen ZwartepoorteAhmad Shadeed @ishadeed.com · 25/03/2026After 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 513239
Reposted by Jeroen ZwartepoorteChrome for Developers @developer.chrome.com · 20/03/2026🛠️ 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. 0123
Jeroen Zwartepoorte @jpzwarte.bsky.social · 18/03/2026Can 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 200
Reposted by Jeroen ZwartepoorteKyle Shevlin (he/him) @kyleshevl.in · 16/03/2026I’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. 1121
Reposted by Jeroen ZwartepoorteBramus @bram.us · 16/03/2026👀 Did anyone say vertical sticky table headers in horizontally scrollable data grids? No more duplicated headers, DOM restructuring, or JavaScript scroll synchronization! 5527
Reposted by Jeroen ZwartepoorteUna Kravets @una.im · 30/01/2026Finally 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 712213
Jeroen Zwartepoorte @jpzwarte.bsky.social · 28/01/2026@jensimmons.bsky.social under "things that improve developers lives": can we have corner-shape in more browsers please? bsky.app/profile/haz.... 000
Reposted by Jeroen ZwartepoorteHaz @haz.dev · 28/01/2026The new corner-shape CSS property unlocks exciting new UI patterns. corner-shape: bevel round; border-radius: 1em 0 / 3em 0; 514414
Reposted by Jeroen ZwartepoorteAdam Argyle @nerdy.dev · 06/12/2025#CSS `@custom-media` feature flags create your own true or false media queries nerdy.dev/custom-media...nerdy.devCustom Media Feature Flags · December 6, 2025Use true or false queries 1215
Jeroen Zwartepoorte @jpzwarte.bsky.social · 19/11/2025I feel like a whiny child when i say this, but why can't we have nice things in a timely fashion? #disappointed 110
Jeroen Zwartepoorte @jpzwarte.bsky.social · 26/10/2025Link a view-transition to scrolling: a header animates when you scroll up/down. Is that possible yet? @bram.us @vtbag.dev 100
Jeroen Zwartepoorte @jpzwarte.bsky.social · 08/10/2025Teams should add a feature where it detects if you imitate an emoji, it shows that emoji as a reaction in the meeting. 000
Jeroen Zwartepoorte @jpzwarte.bsky.social · 06/10/2025@jensimmons.bsky.social Might i suggest bugs.webkit.org/show_bug.cgi... again? It's not just about animating closing popovers/dialogs. It is also *necessary* to fix them suddenly jumping to a different position when they exit the top layer, because a parent element is translated. Codepen included.bugs.webkit.org276727 – Implement `overlay` CSS property and new top layer exit algorithm 000
Reposted by Jeroen ZwartepoorteCory LaViska @cory.laviska.com · 16/09/2025sigh alastair.is/apple-has-a-...alastair.isApple has a private CSS property to add Liquid Glass effects to web contentI have an incredibly boring summer hobby: looking at the changelog for the WebKit Github repo. Why? Because I spend a chunk of my professional life working with webviews inside mobile apps and I like ... 4172
Jeroen Zwartepoorte @jpzwarte.bsky.social · 29/08/2025@nieuws.nos.nl Kunnen jullie aub een extra categorie "Voetballen" introduceren onder "Notificaties" instellingen? (net zoals Tour de France). Ik ontvang graag sport notificaties, maar de frequentie van voetbal is te hoog (en boeit me niet). 000
Reposted by Jeroen ZwartepoorteLea Verou, PhD @lea.verou.me · 17/06/2025I set out to announce two web components I wrote for displaying @bsky.app likes and ended up ranting about how painful it is to build accessible, localizable web components in 2025. The components are still there, though — lucky you? lea.verou.me/blog/2025/bl...lea.verou.meBluesky Likes Web Components • Lea VerouI set out to announce two components I wrote for displaying Bluesky likes and ended up ranting about the pain of building accessible, localizable web components in 2025. The components are still here,... 28812
Jeroen Zwartepoorte @jpzwarte.bsky.social · 11/06/2025How is #dia better than #arc? I love the way you can organize your bookmarks in Arc. Totally miss that in Dia. Dia feels like any other browser + AI. 020
Reposted by Jeroen ZwartepoorteStorybook @storybook.js.org · 10/06/2025Apple introduced Liquid Glass yesterday, so our designer @michaelarestad.bsky.social reimagined Storybook with Liquid Plexiglass 😅 4194
Jeroen Zwartepoorte @jpzwarte.bsky.social · 09/06/2025So after talking with @una.im at #cssday on how to create "tethers" with popovers, i created this quick codepen: codepen.io/jpzwarte/pen... Looking forward to be able to use the new container query to determine which side the popover is on (github.com/w3c/csswg-dr...)codepen.ioPopover with tether, anchor positioned... 030
Jeroen Zwartepoorte @jpzwarte.bsky.social · 08/06/2025To me this is the holy grail of styling popovers: having a tether with a custom shape *and* a border. Is this possible, or do we have to wait until `border-shape`? (drafts.csswg.org/css-borders-...) 010
Reposted by Jeroen ZwartepoortePatrick Brosset @patrickbrosset.com · 05/06/2025The ability to style grid and flex gaps is coming fast in a browser near you! Bubbling with ideas for what this will be useful for! Code: github.com/MicrosoftEdg... 57419
Jeroen Zwartepoorte @jpzwarte.bsky.social · 05/06/2025@una.im github.com/w3c/csswg-dr...github.comProposal: CSS Variable Groups (as a solution to several design systems pain points) · Issue #9992 · w3c/csswg-draftsThe whole proposal is here, I have included a summary below. Pain points (summary) The main pain point is aliasing. Currently, design systems are specified as a long series of variables, e.g. --col... 010
Jeroen Zwartepoorte @jpzwarte.bsky.social · 05/06/2025Is er iemand met wie ik misschien vrijdagmiddag na #cssday mee kan rijden naar Zwolle ivm NS staking? 000
Jeroen Zwartepoorte @jpzwarte.bsky.social · 05/06/2025Can you create a hashtag feed here? #cssday 100
Reposted by Jeroen ZwartepoorteMichael Shilman @shilman.net · 04/06/2025Beyond proud of Storybook 9, our ambitious take on the future of UI testing. On top all the features and deep maintenance work, the team moved mountains to create a silky smooth upgrade for our biggest release yet. Give it a try! 1234
Jeroen Zwartepoorte @jpzwarte.bsky.social · 03/06/2025Apparently the Dutch railways will strike on Friday 🤨 #cssday @ppkoch.bsky.social 100
Reposted by Jeroen ZwartepoorteIntentToShip @intenttoship.dev · 28/05/2025Blink: Intent to Prototype: CSS Anchored Fallback Container Queriesgroups.google.comBlink: Intent to Prototype: CSS Anchored Fallback Container QueriesBlink: Intent to Prototype: CSS Anchored Fallback Container Queries 033
