A bit of a vulnerable post by me but we need your help to get us through what has been a more difficult period than 2020. It would be really appreciated if you could read and share in your networks too 💛 bell.bz/its-been-a-v...

From Chrome 142, you can use range syntax in style queries. I created a demo of a slider with changing background color based on its progress value using range syntax and if(). Demo link in the first comment 👇

The Web Install API is very promising and even enables web apps to install other web apps. Check the demo: whatpwacando.today/installation

How's the mobile CPU landscape evolving? Thanks to process node improvements, a mid-range Android from 2025 is (finally!) as fast as 2017's iPhone 8, but a low-end (~$100) smartphone isn't yet as speedy as a decade-old iPhone 6s.

I just published Modern Web Weekly #65. In this edition: - installing web apps with the Web Install API - incoming call notifications for your web app - automatically updating syntax highlighting with the CSS Custom Highlight API Subscribe link 👇

Incoming call notifications enable web apps to notify users of an incoming call, including ringtone, just like WhatsApp. Supported in Edge 140+ on Windows as an origin trial for now. I explain this in detail in the upcoming edition of Modern Web Weekly. Demo and subscribe link 👇 🧵1/3

Web Install API enables a web app to install itself or other web apps through navigator.install(), great for PWA app stores. Supported in Chrome 143+ as an origin trial. I explain this in detail in the upcoming edition of Modern Web Weekly. Demo and subscribe link 👇 🧵1/3

Here's an overview of what your web app can do today youtu.be/9ZC7tYgBbUE?...

A great reminder from @ahmadalfy that the web has many underused but very useful features: 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 👇

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

We don't need to wait for better PWA support on iOS to make web apps a success medium.com/gitconnected...

Lit is great 🔥

What do we need to do to make web apps a success? Here's my vision: medium.com/@dannymoerke...

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.

My talk The State of PWAs from Frontkon, Czech Republic is now available to watch on YouTube: www.youtube.com/watch?v=9ZC7...

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... 🎉🎉🎉

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 👇

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 👇

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 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

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

Hallelujah! 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 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 👇

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 👇

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

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 👇

I'll be speaking on the state of PWAs at Frontkon 25, October 1, Brno, Czech Republic 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 👇

I like this perspective

Chrome 138 now supports sibling-index() to get the position of a DOM element among its siblings and sibling-count() to get the total number of siblings. You can use this to create a radial menu with dynamic number of items for example. Demo link 👇

Splash screens for PWAs currently don't work well on iPadOS. I explain this in detail in the new edition of Modern Web Weekly. Subscribe here 👇

Paid subscribers now have access to the Modern Web Weekly chat, a private space where you can engage, ask questions and have direct access to me. I’ll answer questions and occasionally post videos and podcasts to address your questions directly. Join here 👇

Here's a demo of list and detail page with cross-document view transitions and the Speculation Rules API. I explain this in detail in the upcoming edition of Modern Web Weekly. Demo and subscribe link 👇 🧵1/3

Deep linking into PWAs is a complicated story, so I tested all major browsers on all platforms and the results will surprise you. Read my findings in the new edition of Modern Web Weekly. Subscribe link 👇

You can now receive push notifications without a service worker in installed PWAs on iOS 18.4 through Declarative Web Push. I added a demo to What PWA Can Do Today and explain this in detail in the upcoming edition of Modern Web Weekly Demo and subscribe link 👇 🧵1/3

12 years ago today Chrome's rendering engine Blink (forked from WebKit) was announced. blog.chromium.org/2013/04/blin...

Deep linking into PWAs is a complicated story that’s different on each platform and in each browser. I tested all combinations and you can read my findings in the upcoming edition of Modern Web Weekly. Subscribe here 👇

Anchor positioning now works in Safari 18.4 on iOS, but unfortunately no fallback positions yet. Demo: codepen.io/dannymoerker...

Wake Lock now finally works for installed web apps on iOS 18.4 🎉 You'll need to install the beta version for now. Demo: whatpwacando.today/wake-lock

Anchor positioning now works in Safari Tech Preview 215 🎉 position-area and flip keywords have not (yet) been implemented and it doesn't work correctly yet when resizing the screen. Codepen link 👇

I just published Modern Web Weekly #48. In this edition: - Easy positioning of anchored elements with position-area - Animations don’t work with ::part() - Multiple import maps in Chrome 133 - How to customize view transitions by directly accessing the keyframes Subscribe link 👇

Just published my new article on my lessons learned while building view transitions on medium.com medium.com/@dannymoerke...

In Safari Tech Preview and Firefox, CSS masonry layout is now supported behind a feature flag. Check the codepen: 👇

The idea of web component “overhead” is overblown — to even my own surprise! Rendering 1000s of nested WCs is *more* than competitive with the heavyweight champs of the web framework world. We’re talking S/S+ tier perf depending on the initialization method. Cont…

Here's a thing PWAs cannot do: blur the screen when the app switcher is opened to hide sensitive information. On Android, the "visibilitychange" event is fired when the app switcher is opened so I added a blur to the body element, but it seems a screen capture is made before this event fires

In Chrome 135 Canary, you can now run speech recognition on a MediaStreamTrack other than your microphone. I updated the demo so you can record audio from your microphone and run speech recognition on it. I will explain this in the upcoming edition of Modern Web Weekly. Demo and subscribe link 👇