Danny Moerkerke
@dannymoerkerke.bsky.social
Independent PWA and Web Components specialist, creator of https://whatpwacando.today. I write about what the modern web can do, Web Components and PWAs.
Email list: https://modernwebweekly.com
Email list: https://modernwebweekly.com
Pinned
Whenever you need help with your (progressive) web app, just book a call with me and I will do my absolute best to answer your questions and solve your problems.
I charge €100 for a one-hour call.
If you're not happy with it, you get your money back, no questions asked.
Booking link 👇
I charge €100 for a one-hour call.
If you're not happy with it, you get your money back, no questions asked.
Booking link 👇
A great reminder from @ahmadalfy that the web has many underused but very useful features:
alfy.blog/2025/10/31/y...
alfy.blog/2025/10/31/y...
Your URL Is Your State
A deep dive into how thoughtful URL design can enhance usability, shareability, and performance. Learn what state belongs in URLs, common pitfalls to avoid, and practical patterns for modern web apps.
alfy.blog
November 6, 2025 at 9:01 AM
A great reminder from @ahmadalfy that the web has many underused but very useful features:
alfy.blog/2025/10/31/y...
alfy.blog/2025/10/31/y...
I just published Modern Web Weekly #63 🎉
In this edition:
- better tooltips with the interestfor attribute
- CMA designates Apple to have Strategic Market Status
- range syntax in style queries
- Chrome on Android edge-to-edge bug
- how to handle target=”_blank” in your PWA
Subscribe link 👇
In this edition:
- better tooltips with the interestfor attribute
- CMA designates Apple to have Strategic Market Status
- range syntax in style queries
- Chrome on Android edge-to-edge bug
- how to handle target=”_blank” in your PWA
Subscribe link 👇
November 5, 2025 at 2:02 PM
I just published Modern Web Weekly #63 🎉
In this edition:
- better tooltips with the interestfor attribute
- CMA designates Apple to have Strategic Market Status
- range syntax in style queries
- Chrome on Android edge-to-edge bug
- how to handle target=”_blank” in your PWA
Subscribe link 👇
In this edition:
- better tooltips with the interestfor attribute
- CMA designates Apple to have Strategic Market Status
- range syntax in style queries
- Chrome on Android edge-to-edge bug
- how to handle target=”_blank” in your PWA
Subscribe link 👇
With the CSS if() function and range syntax in style queries, I created a simplified version of a slider that changes its background color based on its progress.
The initial version used a custom CSS @function.
Details in the upcoming edition of Modern Web Weekly.
Demo and subscribe link 👇 1/3
The initial version used a custom CSS @function.
Details in the upcoming edition of Modern Web Weekly.
Demo and subscribe link 👇 1/3
November 3, 2025 at 6:33 PM
With the CSS if() function and range syntax in style queries, I created a simplified version of a slider that changes its background color based on its progress.
The initial version used a custom CSS @function.
Details in the upcoming edition of Modern Web Weekly.
Demo and subscribe link 👇 1/3
The initial version used a custom CSS @function.
Details in the upcoming edition of Modern Web Weekly.
Demo and subscribe link 👇 1/3
We don't need to wait for better PWA support on iOS to make web apps a success
medium.com/gitconnected...
medium.com/gitconnected...
What We Need To Make Web Apps A Success
We don’t need to wait for Apple to jump on board
medium.com
October 28, 2025 at 1:36 PM
We don't need to wait for better PWA support on iOS to make web apps a success
medium.com/gitconnected...
medium.com/gitconnected...
Lit is great 🔥
People so often don't get that Lit isn't a framework, but it really helps understand our design decisions.
For example: Why doesn't Lit have an opinionated reactivity system for generic data, like Signals?
For example: Why doesn't Lit have an opinionated reactivity system for generic data, like Signals?
October 25, 2025 at 11:09 AM
Lit is great 🔥
What We Need To Make Web Apps A Success
We don’t need to wait for Apple to jump on board
medium.com
October 24, 2025 at 10:26 AM
I can’t even begin to explain how utterly useless the Google Cloud Translation API is on web dev docs that are translated to Dutch.
It literally translates all technical English terms that we use verbatim to Dutch.
It’s comical at best.
It literally translates all technical English terms that we use verbatim to Dutch.
It’s comical at best.
October 22, 2025 at 10:46 PM
I can’t even begin to explain how utterly useless the Google Cloud Translation API is on web dev docs that are translated to Dutch.
It literally translates all technical English terms that we use verbatim to Dutch.
It’s comical at best.
It literally translates all technical English terms that we use verbatim to Dutch.
It’s comical at best.
My talk The State of PWAs from Frontkon, Czech Republic is now available to watch on YouTube:
www.youtube.com/watch?v=9ZC7...
www.youtube.com/watch?v=9ZC7...
Danny Moerkerke - The State Of PWAs
YouTube video by Frontendisti
www.youtube.com
October 22, 2025 at 6:05 PM
My talk The State of PWAs from Frontkon, Czech Republic is now available to watch on YouTube:
www.youtube.com/watch?v=9ZC7...
www.youtube.com/watch?v=9ZC7...
Reposted by Danny Moerkerke
If you need to add the Svelte MCP to your setup you can now easily do it with
```
sv add mcp
```
github.com/sveltejs/cli...
🎉🎉🎉
```
sv add mcp
```
github.com/sveltejs/cli...
🎉🎉🎉
Release sv@0.9.9 · sveltejs/cli
Patch Changes
fix(drizzle): --cwd option in add command is now taken into account (#738)
feat(drizzle): Docker Compose file is now stored in compose.yaml instead of docker-compose.yml (#738)
...
github.com
October 19, 2025 at 9:12 AM
If you need to add the Svelte MCP to your setup you can now easily do it with
```
sv add mcp
```
github.com/sveltejs/cli...
🎉🎉🎉
```
sv add mcp
```
github.com/sveltejs/cli...
🎉🎉🎉
I just published Modern Web Weekly #61.
In this edition:
- taming the on-screen keyboard
- View Transitions supported in Firefox 144, but...
- a slider with tooltip and color-changing background
Subscribe here 👇
In this edition:
- taming the on-screen keyboard
- View Transitions supported in Firefox 144, but...
- a slider with tooltip and color-changing background
Subscribe here 👇
October 16, 2025 at 12:49 PM
I just published Modern Web Weekly #61.
In this edition:
- taming the on-screen keyboard
- View Transitions supported in Firefox 144, but...
- a slider with tooltip and color-changing background
Subscribe here 👇
In this edition:
- taming the on-screen keyboard
- View Transitions supported in Firefox 144, but...
- a slider with tooltip and color-changing background
Subscribe here 👇
Whenever you need help with your (progressive) web app, just book a call with me and I will do my absolute best to answer your questions and solve your problems.
I charge €100 for a one-hour call.
If you're not happy with it, you get your money back, no questions asked.
Booking link 👇
I charge €100 for a one-hour call.
If you're not happy with it, you get your money back, no questions asked.
Booking link 👇
October 6, 2025 at 9:56 AM
Whenever you need help with your (progressive) web app, just book a call with me and I will do my absolute best to answer your questions and solve your problems.
I charge €100 for a one-hour call.
If you're not happy with it, you get your money back, no questions asked.
Booking link 👇
I charge €100 for a one-hour call.
If you're not happy with it, you get your money back, no questions asked.
Booking link 👇
TIL when an iOS device is connected to a macBook, click the inspect tool icon in Safari Web Inspector, then tap an element on the screen, the Elements panel reveals that element.
I always thought it was a useless tool since the screen doesn't show the iPhone screen, but now I know how it works!
I always thought it was a useless tool since the screen doesn't show the iPhone screen, but now I know how it works!
October 3, 2025 at 3:16 PM
TIL when an iOS device is connected to a macBook, click the inspect tool icon in Safari Web Inspector, then tap an element on the screen, the Elements panel reveals that element.
I always thought it was a useless tool since the screen doesn't show the iPhone screen, but now I know how it works!
I always thought it was a useless tool since the screen doesn't show the iPhone screen, but now I know how it works!
I added a demo to What PWA Can Do Today to demonstrate how the viewport meta tag configures how the on-screen keyboard resizes the viewport.
Supported in Chrome on Android and coming soon to Safari.
I explain this in the upcoming edition of Modern Web Weekly.
Subscription link and demo 👇
🧵1/3
Supported in Chrome on Android and coming soon to Safari.
I explain this in the upcoming edition of Modern Web Weekly.
Subscription link and demo 👇
🧵1/3
September 18, 2025 at 3:21 PM
I added a demo to What PWA Can Do Today to demonstrate how the viewport meta tag configures how the on-screen keyboard resizes the viewport.
Supported in Chrome on Android and coming soon to Safari.
I explain this in the upcoming edition of Modern Web Weekly.
Subscription link and demo 👇
🧵1/3
Supported in Chrome on Android and coming soon to Safari.
I explain this in the upcoming edition of Modern Web Weekly.
Subscription link and demo 👇
🧵1/3
Like @bram.us already mentioned, viewport behaviour in Safari 26 is broken.
It seems safe-area-inset-* no longer works and the on-screen keyboard makes matters worse.
Here's a screen recording of Safari and a PWA.
First Safari:
🧵1/2
It seems safe-area-inset-* no longer works and the on-screen keyboard makes matters worse.
Here's a screen recording of Safari and a PWA.
First Safari:
🧵1/2
September 16, 2025 at 11:55 AM
Like @bram.us already mentioned, viewport behaviour in Safari 26 is broken.
It seems safe-area-inset-* no longer works and the on-screen keyboard makes matters worse.
Here's a screen recording of Safari and a PWA.
First Safari:
🧵1/2
It seems safe-area-inset-* no longer works and the on-screen keyboard makes matters worse.
Here's a screen recording of Safari and a PWA.
First Safari:
🧵1/2
Hallelujah!
In Safari 26 on macOS Tahoe, you can now finally inspect the service worker of a remotely connected iOS device 🎉🎉🎉
In Safari 26 on macOS Tahoe, you can now finally inspect the service worker of a remotely connected iOS device 🎉🎉🎉
September 16, 2025 at 11:36 AM
Hallelujah!
In Safari 26 on macOS Tahoe, you can now finally inspect the service worker of a remotely connected iOS device 🎉🎉🎉
In Safari 26 on macOS Tahoe, you can now finally inspect the service worker of a remotely connected iOS device 🎉🎉🎉
PWAs can capture links, but support is fragmented across OSes and platforms.
I tested all platforms and wrote about my findings in my new article "The state of link capturing in PWAs"
Read if for free on Medium 👇
I tested all platforms and wrote about my findings in my new article "The state of link capturing in PWAs"
Read if for free on Medium 👇
July 24, 2025 at 2:22 PM
PWAs can capture links, but support is fragmented across OSes and platforms.
I tested all platforms and wrote about my findings in my new article "The state of link capturing in PWAs"
Read if for free on Medium 👇
I tested all platforms and wrote about my findings in my new article "The state of link capturing in PWAs"
Read if for free on Medium 👇
I just published Modern Web Weekly #59.
In this edition:
- install your PWA from anywhere with the Web Install API
- implicit anchors now in Safari Tech Preview
- style anchor-positioned elements based on the active fallback position with anchor queries.
Subscribe link 👇
In this edition:
- install your PWA from anywhere with the Web Install API
- implicit anchors now in Safari Tech Preview
- style anchor-positioned elements based on the active fallback position with anchor queries.
Subscribe link 👇
July 21, 2025 at 2:23 PM
I just published Modern Web Weekly #59.
In this edition:
- install your PWA from anywhere with the Web Install API
- implicit anchors now in Safari Tech Preview
- style anchor-positioned elements based on the active fallback position with anchor queries.
Subscribe link 👇
In this edition:
- install your PWA from anywhere with the Web Install API
- implicit anchors now in Safari Tech Preview
- style anchor-positioned elements based on the active fallback position with anchor queries.
Subscribe link 👇
Anchor queries are a new API available in Chrome 139+ that enables web apps to style anchor-positioned elements based on the active fallback position.
I explain this in detail in the new edition of Modern Web Weekly that will be published tomorrow.
Demo and subscribe link 👇
I explain this in detail in the new edition of Modern Web Weekly that will be published tomorrow.
Demo and subscribe link 👇
July 17, 2025 at 7:16 PM
Anchor queries are a new API available in Chrome 139+ that enables web apps to style anchor-positioned elements based on the active fallback position.
I explain this in detail in the new edition of Modern Web Weekly that will be published tomorrow.
Demo and subscribe link 👇
I explain this in detail in the new edition of Modern Web Weekly that will be published tomorrow.
Demo and subscribe link 👇
Safari Tech Preview 223 now supports implicit anchors through the showPopover() and togglePopover() methods.
Both methods take a "source" option that programmatically defines the invoker of the popover.
Details in this week's upcoming edition of Modern Web Weekly
Demo and subscription link👇
1/3
Both methods take a "source" option that programmatically defines the invoker of the popover.
Details in this week's upcoming edition of Modern Web Weekly
Demo and subscription link👇
1/3
July 15, 2025 at 7:11 PM
Safari Tech Preview 223 now supports implicit anchors through the showPopover() and togglePopover() methods.
Both methods take a "source" option that programmatically defines the invoker of the popover.
Details in this week's upcoming edition of Modern Web Weekly
Demo and subscription link👇
1/3
Both methods take a "source" option that programmatically defines the invoker of the popover.
Details in this week's upcoming edition of Modern Web Weekly
Demo and subscription link👇
1/3
Safari Tech Preview 223 now supports using a pseudo-element as a position anchor.
This enables you to anchor a tooltip to the thumb of a slider, for example.
Demo 👇
This enables you to anchor a tooltip to the thumb of a slider, for example.
Demo 👇
July 14, 2025 at 2:22 PM
Safari Tech Preview 223 now supports using a pseudo-element as a position anchor.
This enables you to anchor a tooltip to the thumb of a slider, for example.
Demo 👇
This enables you to anchor a tooltip to the thumb of a slider, for example.
Demo 👇
I'll be speaking on the state of PWAs at Frontkon 25, October 1, Brno, Czech Republic
x.com/Frontendisti...
x.com/Frontendisti...
Frontendisti.cz on X: "Z Nizozemska na #FrontKon 🇳🇱 dorazí @dannymoerkerke! A přiveze talk "The State Of PWAs" – jak blízko jsou webové appky těm nativním? Co už zvládnou, co přijde dál a proč na tom záleží? Nenech si ujít tenhle talk 👉 https://t.co/5E84bEyD10 https://t.co/zZVyLbmV8b" / X
Z Nizozemska na #FrontKon 🇳🇱 dorazí @dannymoerkerke! A přiveze talk "The State Of PWAs" – jak blízko jsou webové appky těm nativním? Co už zvládnou, co přijde dál a proč na tom záleží? Nenech si ujít tenhle talk 👉 https://t.co/5E84bEyD10 https://t.co/zZVyLbmV8b
x.com
July 10, 2025 at 2:29 PM
I'll be speaking on the state of PWAs at Frontkon 25, October 1, Brno, Czech Republic
x.com/Frontendisti...
x.com/Frontendisti...
The Web Install API dev trial is now live, a proposal from Microsoft to enable the installation of web apps from another origin than the app itself.
This opens up the possibility of installing PWAs directly from app stores.
More about this in next week's edition of Modern Web Weekly.
Docs 👇
This opens up the possibility of installing PWAs directly from app stores.
More about this in next week's edition of Modern Web Weekly.
Docs 👇
July 10, 2025 at 2:28 PM
The Web Install API dev trial is now live, a proposal from Microsoft to enable the installation of web apps from another origin than the app itself.
This opens up the possibility of installing PWAs directly from app stores.
More about this in next week's edition of Modern Web Weekly.
Docs 👇
This opens up the possibility of installing PWAs directly from app stores.
More about this in next week's edition of Modern Web Weekly.
Docs 👇
I like this perspective
Quitting programming as a career right now because of LLMs would be like quitting carpentry as a career thanks to the invention of the table saw.
July 6, 2025 at 9:42 AM
I like this perspective