Maikel Krause
@maikelkrause.bsky.social
Reposted by Maikel Krause
Calling all web developers! Browsers are all meeting up next week (www.w3.org/events/tpac/...). I want your voice to be heard! Tell me your biggest problems, and tell me what you want to see from the platform. What problems are tough to solve, but could be easier?
TPAC 2025 - Hybrid meeting
Our major event of the year gathers our community for thought-provoking discussions and coordinated work.
www.w3.org
November 6, 2025 at 9:44 AM
Calling all web developers! Browsers are all meeting up next week (www.w3.org/events/tpac/...). I want your voice to be heard! Tell me your biggest problems, and tell me what you want to see from the platform. What problems are tough to solve, but could be easier?
Now that #Chrome 142 supports #HTML interest invokers, I made this quick demo for using `popover` along #CSS anchor positioning with various triggers: click, hover, focus, and focus within a subtree (for interactive popovers).
codepen.io/maikelkrause...
codepen.io/maikelkrause...
CSS Anchor Positioning – Triggers
...
codepen.io
November 4, 2025 at 5:00 PM
Now that #Chrome 142 supports #HTML interest invokers, I made this quick demo for using `popover` along #CSS anchor positioning with various triggers: click, hover, focus, and focus within a subtree (for interactive popovers).
codepen.io/maikelkrause...
codepen.io/maikelkrause...
November 3, 2025 at 2:58 PM
Interesting little development: as of #Chrome 142, there is now a native #HTML multi-select form control in a desktop browser, rendered as a button + picker (rather than an inline listbox): `
Chrome 142: multi-select with popover on desktop
...
codepen.io
November 2, 2025 at 5:36 PM
Oh man #Firefox is finally getting #CSS @scope support (in v146)! I've been waiting for this to land for years. I cursed myself by using it for a prototype two years ago, because now almost daily I find myself thinking "this could have been done with @scope". Some use cases in the subthread.
Gecko: Intent to Ship: Scoped Styles (@scope)
Gecko: Intent to Ship: Scoped Styles (@scope)
Gecko: Intent to Ship: Scoped Styles (@scope)
groups.google.com
October 31, 2025 at 6:59 PM
@css-only.dev Love this series on tooltips with anchorpos: css-tip.com/tooltip-anch...
Just noticed there's a small bug where the arrow will be misaligned. Can reproduce from the initial view by moving the anchor up to the top of the viewport, there's a small window where it fails (using Chrome).
Just noticed there's a small bug where the arrow will be misaligned. Can reproduce from the initial view by moving the anchor up to the top of the viewport, there's a small window where it fails (using Chrome).
October 28, 2025 at 7:14 PM
@css-only.dev Love this series on tooltips with anchorpos: css-tip.com/tooltip-anch...
Just noticed there's a small bug where the arrow will be misaligned. Can reproduce from the initial view by moving the anchor up to the top of the viewport, there's a small window where it fails (using Chrome).
Just noticed there's a small bug where the arrow will be misaligned. Can reproduce from the initial view by moving the anchor up to the top of the viewport, there's a small window where it fails (using Chrome).
Reposted by Maikel Krause
Blink: Intent to Prototype: Customizable combobox
Blink: Intent to Prototype: Customizable combobox
Blink: Intent to Prototype: Customizable combobox
groups.google.com
October 21, 2025 at 10:00 PM
Blink: Intent to Prototype: Customizable combobox
Reposted by Maikel Krause
Frontend complexity and the HTML renaissance
#css #frontend #html #reading-list
www.yellowduck.be
October 18, 2025 at 8:05 AM
Reposted by Maikel Krause
this looks like it'd be darn tasty for some Design Systems work…
get sizes, colours, spacing, motion values from the parent and tweak them locally (e.g. --card-gap: calc(inherit(--gap) * 0.75)). Cleaner (fewer) tokens, fewer overrides, and smarter, context-aware components.
Yes!
get sizes, colours, spacing, motion values from the parent and tweak them locally (e.g. --card-gap: calc(inherit(--gap) * 0.75)). Cleaner (fewer) tokens, fewer overrides, and smarter, context-aware components.
Yes!
Blink: Intent to Prototype: The inherit() CSS function
Blink: Intent to Prototype: The inherit() CSS function
Blink: Intent to Prototype: The inherit() CSS function
groups.google.com
October 15, 2025 at 10:18 AM
this looks like it'd be darn tasty for some Design Systems work…
get sizes, colours, spacing, motion values from the parent and tweak them locally (e.g. --card-gap: calc(inherit(--gap) * 0.75)). Cleaner (fewer) tokens, fewer overrides, and smarter, context-aware components.
Yes!
get sizes, colours, spacing, motion values from the parent and tweak them locally (e.g. --card-gap: calc(inherit(--gap) * 0.75)). Cleaner (fewer) tokens, fewer overrides, and smarter, context-aware components.
Yes!
Reposted by Maikel Krause
As an experiment, we (the Firefox team) wanted to try a new way to get feedback on which Interop proposals matter most.
So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion.
interop-rank.jakearchibald.com
So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion.
interop-rank.jakearchibald.com
Interop Feature Ranking
Rank the web platform features you care most about
interop-rank.jakearchibald.com
October 9, 2025 at 5:00 PM
As an experiment, we (the Firefox team) wanted to try a new way to get feedback on which Interop proposals matter most.
So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion.
interop-rank.jakearchibald.com
So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion.
interop-rank.jakearchibald.com
Reposted by Maikel Krause
The day has come: native form controls that actually style properly! @Apple's Tim Nguyen previews the CSS-only future we've been waiting for #DevSummit25
Tim Nguyen at Dev Summit 25 bit.ly/3Iooh20
Tim Nguyen at Dev Summit 25 bit.ly/3Iooh20
October 8, 2025 at 12:59 AM
The day has come: native form controls that actually style properly! @Apple's Tim Nguyen previews the CSS-only future we've been waiting for #DevSummit25
Tim Nguyen at Dev Summit 25 bit.ly/3Iooh20
Tim Nguyen at Dev Summit 25 bit.ly/3Iooh20
Reposted by Maikel Krause
Blink: Intent to Prototype: Base Appearance Form Controls
Blink: Intent to Prototype: Base Appearance Form Controls
Blink: Intent to Prototype: Base Appearance Form Controls
groups.google.com
October 8, 2025 at 2:19 PM
Blink: Intent to Prototype: Base Appearance Form Controls
Reposted by Maikel Krause
React 19.2 is now available!
This release includes Activity, useEffectEvent, React Performance Tracks, partial pre-rendering, and more:
react.dev/blog/2025/10...
This release includes Activity, useEffectEvent, React Performance Tracks, partial pre-rendering, and more:
react.dev/blog/2025/10...
React 19.2 – React
The library for web and native user interfaces
react.dev
October 1, 2025 at 9:49 PM
React 19.2 is now available!
This release includes Activity, useEffectEvent, React Performance Tracks, partial pre-rendering, and more:
react.dev/blog/2025/10...
This release includes Activity, useEffectEvent, React Performance Tracks, partial pre-rendering, and more:
react.dev/blog/2025/10...
Reposted by Maikel Krause
A Better API for the Intersection and Mutation Observers | CSS-Tricks
A Better API for the Intersection and Mutation Observers | CSS-Tricks
Zell discusses refactoring the Resize, Mutation, and Intersection Observer APIs for easier usage, demonstrating how to implement callback and event listener patterns, while highlighting available options...
css-tricks.com
October 6, 2025 at 6:28 AM
A Better API for the Intersection and Mutation Observers | CSS-Tricks
Blink: Intent to Ship: Temporal in ECMA262
Blink: Intent to Ship: Temporal in ECMA262
Blink: Intent to Ship: Temporal in ECMA262
groups.google.com
September 25, 2025 at 6:17 PM
Reposted by Maikel Krause
✨ I just published a brand-new blog post about a modern CSS feature!
But, honestly, I’m still on the fence about it. 😅
In this post, I’ll dig into the gnarly issue I ran into, and share three possible workarounds. Along the way, you’ll learn a bunch about the CSS cascade and specificity!
But, honestly, I’m still on the fence about it. 😅
In this post, I’ll dig into the gnarly issue I ran into, and share three possible workarounds. Along the way, you’ll learn a bunch about the CSS cascade and specificity!
The Big Gotcha With @starting-style • Josh W. Comeau
CSS has been on fire lately, with tons of great new features. @starting-style is an interesting one; it allows us to use CSS transitions for enter animations, something previously reserved for CSS key...
www.joshwcomeau.com
September 22, 2025 at 2:21 PM
✨ I just published a brand-new blog post about a modern CSS feature!
But, honestly, I’m still on the fence about it. 😅
In this post, I’ll dig into the gnarly issue I ran into, and share three possible workarounds. Along the way, you’ll learn a bunch about the CSS cascade and specificity!
But, honestly, I’m still on the fence about it. 😅
In this post, I’ll dig into the gnarly issue I ran into, and share three possible workarounds. Along the way, you’ll learn a bunch about the CSS cascade and specificity!
Reposted by Maikel Krause
The Web’s Most Tolerated Feature, by @[email protected]:
https://www.bocoup.com/blog/the-webs-most-tolerated-feature
#css #zooming #webplatform
https://www.bocoup.com/blog/the-webs-most-tolerated-feature
#css #zooming #webplatform
A Worker-Owned Tech Consultancy - Bocoup
Web Platform Consulting Services
www.bocoup.com
September 19, 2025 at 7:56 PM
The Web’s Most Tolerated Feature, by @[email protected]:
https://www.bocoup.com/blog/the-webs-most-tolerated-feature
#css #zooming #webplatform
https://www.bocoup.com/blog/the-webs-most-tolerated-feature
#css #zooming #webplatform
The #CSS `::details-content` pseudo-element just hit baseline with #Firefox 143 released today!
www.firefox.com/en-US/firefo...
www.firefox.com/en-US/firefo...
Firefox 143.0, See All New Features, Updates and Fixes
www.firefox.com
September 16, 2025 at 11:05 PM
The #CSS `::details-content` pseudo-element just hit baseline with #Firefox 143 released today!
www.firefox.com/en-US/firefo...
www.firefox.com/en-US/firefo...
The biggest part of today's Apple software releases: we now have two browsers with #CSS Anchor Positioning support! webkit.org/blog/17333/w...
WebKit Features in Safari 26.0
We’re happy to share with you what’s arriving in Safari 26.0!
webkit.org
September 15, 2025 at 7:41 PM
The biggest part of today's Apple software releases: we now have two browsers with #CSS Anchor Positioning support! webkit.org/blog/17333/w...
Reposted by Maikel Krause
View Transitions: What Could Possibly Go Wrong?, by @martr.app (@vtbag.dev):
https://vtbag.dev/tips/view-transition-fails-and-fixes/
#css #viewtransitions
https://vtbag.dev/tips/view-transition-fails-and-fixes/
#css #viewtransitions
View Transitions: What Could Possibly Go Wrong?
Most of the time, View Transitions just work. This page is for the exceptions: the quirks, the caveats, the things that quietly cancel your animations. Learn how to detect them and bring transitions back to life.
vtbag.dev
September 11, 2025 at 7:30 PM
View Transitions: What Could Possibly Go Wrong?, by @martr.app (@vtbag.dev):
https://vtbag.dev/tips/view-transition-fails-and-fixes/
#css #viewtransitions
https://vtbag.dev/tips/view-transition-fails-and-fixes/
#css #viewtransitions
Reposted by Maikel Krause
Gecko: Intent to ship: JavaScript Symbols as WeakMap keys
Gecko: Intent to ship: JavaScript Symbols as WeakMap keys
Gecko: Intent to ship: JavaScript Symbols as WeakMap keys
groups.google.com
September 11, 2025 at 8:51 AM
Gecko: Intent to ship: JavaScript Symbols as WeakMap keys
Reposted by Maikel Krause
#Development #Techniques
Untangling nested interactive elements · How CSS subgrid helps solve a common issue ilo.im/166j78 by Noah Liebman
_____
#Links #Buttons #CSS #CssSubgrid #Accessibility #WebDev #Frontend
Untangling nested interactive elements · How CSS subgrid helps solve a common issue ilo.im/166j78 by Noah Liebman
_____
#Links #Buttons #CSS #CssSubgrid #Accessibility #WebDev #Frontend
Noah Liebman | Using subgrid to avoid nested interactive elements
Taking advantage of new CSS features for more accessible markup
ilo.im
September 4, 2025 at 1:19 AM
#Development #Techniques
Untangling nested interactive elements · How CSS subgrid helps solve a common issue ilo.im/166j78 by Noah Liebman
_____
#Links #Buttons #CSS #CssSubgrid #Accessibility #WebDev #Frontend
Untangling nested interactive elements · How CSS subgrid helps solve a common issue ilo.im/166j78 by Noah Liebman
_____
#Links #Buttons #CSS #CssSubgrid #Accessibility #WebDev #Frontend
@anatudor.bsky.social My poor man's attempt at your challenge using `
August 30, 2025 at 6:46 PM
@anatudor.bsky.social My poor man's attempt at your challenge using `
#Firefox 144 is going to be an amazing release! I totally missed this earlier since it doesn't seem to have been announced anywhere, but `moveBefore` is getting shipped too! (In addition to #CSS View Transitions and `commandfor`.)
bugzilla.mozilla.org/show_bug.cgi...
firefox.com/en-US/firefo...
bugzilla.mozilla.org/show_bug.cgi...
firefox.com/en-US/firefo...
1923880 - Implement atomic moveBefore() API
RESOLVED (smaug) in Core - DOM: Core & HTML. Last updated 2025-08-21.
bugzilla.mozilla.org
August 30, 2025 at 3:27 PM
#Firefox 144 is going to be an amazing release! I totally missed this earlier since it doesn't seem to have been announced anywhere, but `moveBefore` is getting shipped too! (In addition to #CSS View Transitions and `commandfor`.)
bugzilla.mozilla.org/show_bug.cgi...
firefox.com/en-US/firefo...
bugzilla.mozilla.org/show_bug.cgi...
firefox.com/en-US/firefo...
Firefox is getting #css view transitions 😮
Gecko: Intent to Ship: CSS View Transitions L1
Gecko: Intent to Ship: CSS View Transitions L1
Gecko: Intent to Ship: CSS View Transitions L1
groups.google.com
August 28, 2025 at 8:28 PM
Firefox is getting #css view transitions 😮