# PWA Progressive web apps (PWAs) are applications built with web technologies that can be installed and run across devices from a single codebase. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## New in Edge for developers - Style layout gaps, improve keyboard accessibility and migrate your PWA to a new origin DevFeed: [New in Edge for developers - Style layout gaps, improve keyboard accessibility and migrate your PWA to a new origin]() Original publisher: [Read original article]() Author: Patrick Brosset Published: 2026-07-07T16:04:36Z Content type: article Language: en Sources: [Microsoft Edge Blog]() Topics: [Edge](), [Web platform](), [Accessibility](), [CSS](), [PWA](), [Web Development](), [Agent Skill]() Tags: [accessibility](), [agent-skill](), [css](), [developers](), [edge](), [platform](), [release-notes](), [uncategorized](), [updates](), [web-platform]() ### AI overview This first edition of a Microsoft Edge developer series covers recent web platform updates: CSS gap decorations, the focusgroup attribute for keyboard navigation, same-site PWA origin migration, and additional rendering, text, layout, clipboard, and performance improvements. It also highlights upcoming features and a broader ecosystem update involving an AI coding agent skill. ### Source excerpt Welcome to New in Edge for developers, a new series featuring recent web platform updates in Microsoft Edge that help web developers build better sites and apps. In this first edition, we'll look at CSS gap de The post New in Edge for developers - Style layout gaps, improve keyboard accessibility and migrate your PWA to a new origin appeared first on Microsoft Edge Blog. ## Seamless PWA origin migration: Change domains without losing users DevFeed: [Seamless PWA origin migration: Change domains without losing users]() Original publisher: [Read original article]() Author: Dibyajyoti Pal LinkedIn Dan Murphy X LinkedIn Marijn Kruisselbrink LinkedIn Published: 2026-06-03T07:00:00Z Content type: article Language: en Sources: [developer.chrome.com: Blog]() Topics: [PWA](), [migration](), [Chrome](), [Security](), [User Experience](), [Web](), [Web app]() Tags: [chrome](), [dialog](), [feature](), [how-to](), [manifest](), [migration](), [security](), [update](), [user-experience](), [web](), [web-apps]() ### AI overview Chrome 150 introduces PWA Origin Migration, allowing installed Progressive Web Apps to transition to a new same-site origin while keeping users informed through an update dialog. The article explains the old and destination manifest requirements, the migration handshake, rollout behavior, and update considerations. ### Source excerpt From Chrome 150 you can seamlessly transition a PWA to a new same-site origin. ## EverShelf - The AI-Powered, Self-Hosted Inventory Brain for Your Kitchen DevFeed: [EverShelf - The AI-Powered, Self-Hosted Inventory Brain for Your Kitchen]() Original publisher: [Read original article]() Author: EverShelf Project Published: 2026-05-15T13:24:25Z Content type: article Language: en Sources: [Noted]() Topics: [App](), [Laravel](), [Livewire](), [Docker](), [PWA](), [Tailwind CSS](), [Artificial Intelligence](), [Internet of things](), [Web Development]() Tags: [ai](), [app](), [docker](), [laravel](), [mobile](), [reactive](), [self-hosted](), [self-hosted-web-tools](), [web]() ### AI overview EverShelf is a self-hosted kitchen inventory management system built with Laravel, Livewire, Alpine.js, and Tailwind CSS. It runs on personal hardware via Docker and supports mobile/PWA use, kiosk mode, batch-based FIFO inventory tracking, BLE scale integration, and AI recipe suggestions. ### Source excerpt Kill "Pantry Amnesia" and stop food waste with EverShelf--a TALL stack inventory system featuring BLE scale integration, AI recipe suggestions, and a dedicated kitchen kiosk mode. ## How to Accept Payments in a Progressive Web App (PWA) DevFeed: [How to Accept Payments in a Progressive Web App (PWA)]() Original publisher: [Read original article]() Author: Ayush Agarwal Published: 2026-03-30T00:00:00Z Content type: tutorial Language: en Sources: [Dodo Payments Blog]() Topics: [PWA](), [web applications](), [Software as a service](), [Mobile]() Tags: [app-store](), [how-to](), [mobile](), [payment-processing](), [payments](), [pwa](), [saas](), [subscriptions](), [tax](), [web-app]() ### AI overview This guide explains how to add payment processing to a Progressive Web App using Dodo Payments. It covers web checkout, subscription states, and tax compliance for global SaaS distribution. ### Source excerpt Guide to adding payment processing to Progressive Web Apps. Avoid app store fees, use web checkout, and handle subscriptions with automatic tax compliance. ## HarborFM - Self-Hosted Podcast Creator DevFeed: [HarborFM - Self-Hosted Podcast Creator]() Original publisher: [Read original article]() Author: Logan Rickert Published: 2026-02-20T18:37:34Z Content type: article Language: en Sources: [Noted]() Topics: [Open Source](), [App](), [RSS Feed](), [PWA](), [WebRTC](), [asr](), [Whisper](), [dashboards]() Tags: [analytics](), [asr](), [audio](), [collaboration](), [open](), [open-source](), [podcast](), [rss](), [self-hosted](), [self-hosted-media-streaming-audio-streaming](), [transcripts](), [vision](), [webrtc](), [whisper]() ### AI overview HarborFM is presented as a free, open-source, self-hosted podcast creation tool. It lets users assemble episodes from reusable audio segments, publish per-show RSS feeds, record remote guests through WebRTC, collaborate on episodes, manage private feeds, and view analytics. It also supports podcast chapters, Whisper-based transcription, and AI summaries. ### Source excerpt Take back your podcast data! HarborFM is a free and open source platform to create and host your podcasts. ## Smart photo organization through privacy-first, on-device AI DevFeed: [Smart photo organization through privacy-first, on-device AI]() Original publisher: [Read original article]() Author: Cynthia Wang Published: 2025-10-15T08:00:00Z Content type: tutorial Language: en Sources: [Firebase Blog]() Topics: [On-device AI](), [Firebase](), [PWA](), [SDKs](), [web applications](), [browser]() Tags: [ai](), [ai-logic](), [firebase](), [gemini](), [hybrid-inference](), [on-device](), [on-device-ai](), [privacy](), [pwa](), [sdks](), [tutorials](), [web](), [web-browser]() ### AI overview This Firebase tutorial explains how to build a privacy-focused photo organization progressive web app using on-device AI. It describes running a local model in the browser so photos remain on the user's device and can be analyzed offline, with Firebase AI Logic SDKs detecting and caching compatible models such as Gemini Nano and providing a fallback approach for other browsers. ### Source excerpt News, tutorials, and updates from the Firebase team. ## Apple's Dispute With the EU Over DMA Compliance and Browser Competition DevFeed: [Apple's Dispute With the EU Over DMA Compliance and Browser Competition]() Original publisher: [Read original article]() Author: Alex Russell Published: 2025-09-25T00:00:00Z Content type: opinion Language: en Sources: [Alex Russell]() Topics: [browser](), [Security](), [iOS](), [PWA](), [push-notification](), [Web]() Tags: [apple](), [browser](), [browsers](), [competition](), [dma](), [eu](), [geofencing](), [ios](), [iphone](), [pdf](), [push-notification](), [pwa](), [sdk](), [security](), [webdev]() ### AI overview The article argues that Apple is misrepresenting the European Union's enforcement of the Digital Markets Act and shifting responsibility for its own compliance decisions onto regulators. It focuses on alleged barriers affecting browser competition on iOS, including geofencing, restricted PWA and Push Notification APIs, SDK bugs, and difficult development entitlements. ### Source excerpt Contents Lies by Any Other Name Great Artists Steal Dear Tech Reporters: Access Is Not A Beat This blog is failing on several levels. First, September 2025 is putting the "frequent" in "infrequently", much to my chagrin. Second, my professional mission is to make a web that's better for everyone, not to tear Apple down. But just when I thought I was out, they pull me back in. Over the past 24 hours, Cupertino has played the hits from its iPhone-era anti-user, anti-business, anti-rule-of-law power trip. To recap: Apple sent a demand that the EU give up on DMA enforcement in a petulant and utterly misleading press release that mostly served to catalogue Apple's own failures to comply. Cupertino's kept astroturf outfit -- ACT | The App Association -- penned unhinged misinformation for consumption by US regulatory types (h/t Damien Geradin). The EC then called Apple's bluff. Make no mistake about what's going on: Apple is claiming that the EU is forcing Apple to adopt interpretations of the DMA that no other party has, which the EC itself has not backed, and which are "forcing" Apple to avoid shipping features in the EU. Or, put another way, Apple wants to launder the consequences of its own anticompetitive, anti-user choices through a credulous tech press. The goal is to frame regulators for Apple's own deeds. Lies by Any Other Name If this smells like bullshit, that's because it is. Apple tried similar ploys last year when it sprung a blatant attempt to kill PWAs on the EU as a price for having the temerity to regulate. The plan, it seemed then, was to adopt an exotic reading of the DMA and frame the EC for killing PWAs. What Apple's attempting now is even more brazen, particularly after 16+ months of serial non-compliance since the DMA came into force (h/t OWA). Remember that: Apple's browser, and by extension every iOS browser, fails on basic security and privacy controls, putting users at risk constantly. Apple serially misrepresents this situation to anyone who will ## Apply blur to iOS status bar in PWA DevFeed: [Apply blur to iOS status bar in PWA]() Original publisher: [Read original article]() Author: Stanko Published: 2025-04-11T00:00:00Z Content type: tutorial Language: en Sources: [Stanko Tadić]() Topics: [PWA](), [CSS](), [iOS](), [Web Development]() Tags: [background](), [code](), [css](), [ios](), [pwa]() ### AI overview This tutorial describes a CSS-based workaround for applying a blurred overlay to the iOS status bar area in a standalone PWA. The workaround uses a fixed element positioned outside the viewport and backdrop filtering, but an August 2026 update states that it no longer works on recent iOS versions because of WebKit changes. ### Source excerpt Update August 2026: This workaround no longer works on recent iOS versions. WebKit changed how standalone PWAs handle the status bar area. The fixed overlay positioned outside the viewport no longer renders under the status bar. I haven't found a workaround for this yet. If you find a solution please let me know. On my current project, I'm making a Progressive Web App (PWA) and I was really annoyed that the status bar on iOS was completely transparentAlthough the option is called black-translucent. When the content scrolls behind it, it blends with the status bar elements, and it doesn't look great. I couldn't find a native solution, so I tried using CSS instead. To my surprise, my idea worked on the first try. Here is my solution next to the default iOS status bar: After applying the CSS solutionDefault If you are impatient, feel free to jump to the demo. The solution # I think the solution is pretty simple - a fixed div that covers the status bar area and applies a blur effect to the background. But there's a catch, the div needs to be positioned outside of the viewport. Here is the code, HTML first:
and the CSS: body { --bg-color: 186 230 253; background-color: rgb(var(--bg-color)); } .statusbar { position: fixed; left: 0; right: 0; top: -80px; height: 80px; overflow: hidden; z-index: 100; } .statusbar::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 150%; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); background-color: rgb(var(--bg-color) / 0.6); } The CSS can be even simpler - we can remove the ::before element and just apply the blur to the .statusbar element itself. But this gives a nicer, more natural blur effect - check Josh Comeau's blog post in which he explains it in detail. Demo # You can check the live demo, just remember that you'll need an iOS device to see the effect. Not just that - for the effect to be visible, you'll need to add the app to your home screen. If you don't w ## A vanilla Rails stack is plenty DevFeed: [A vanilla Rails stack is plenty]() Original publisher: [Read original article]() Author: Jorge Manrubia Published: 2024-12-12T18:00:00Z Content type: opinion Language: en Sources: [37signals Dev]() Topics: [Rails](), [Hotwire](), [PWA](), [Ruby](), [Stimulus](), [Web Development]() Tags: [frameworks](), [hotwire](), [pwa](), [rails](), [ruby](), [stimulus](), [test]() ### AI overview The article recommends a vanilla Rails 8 stack with minimal Ruby and JavaScript dependencies, server-rendered views, Hotwire, import maps, standard CSS, relational-database-backed services, Minitest, PWAs, and Kamal deployment. It presents this approach as 37signals' balance of productivity, user experience, and long-term maintainability. ### Source excerpt Minimal dependencies, maximum productivity. Staying vanilla pays long term dividends for your Rails apps. ## Apple's iOS 17.4 Changes Threaten Progressive Web App Features in the EU DevFeed: [Apple's iOS 17.4 Changes Threaten Progressive Web App Features in the EU]() Original publisher: [Read original article]() Author: Alex Russell Published: 2024-02-25T00:00:00Z Content type: opinion Language: en Sources: [Alex Russell]() Topics: [PWA](), [iOS](), [Web](), [Mobile]() Tags: [browsers](), [competition](), [compliance](), [device-apis](), [dma](), [geofencing](), [ios](), [push-notifications](), [pwa](), [shortcuts](), [web](), [webdev]() ### AI overview The article argues that Apple's iOS 17.4 changes in the EU will restrict progressive web app capabilities, including storage, push notifications, app-like interfaces, and device APIs. It contrasts the threatened changes with continued PWA support on Windows and Android and frames them as a response to the EU Digital Markets Act. ### Source excerpt Update: OWA is out with an open letter appealing to Apple to do better. If you care about the future of the web, I encourage you to sign it, particularly if you live in the EU or build products for the common market. After weeks of confusion and chaos, Apple's plan to kneecap the web has crept into view, menacing a PWApocalypse as the March 6th deadline approaches for compliance with the EU's Digital Markets Act (DMA). The view from Cupertino. The DMA requires Apple to open the iPhone to competing app stores, and its lopsided proposal for "enabling" them is getting most of the press. But Apple knows it has native stores right where it wants them. Cupertino's noxious requirements will take years to litigate. Meanwhile, potential competitors are only that. But Cupertino can't delay the DMA's other mandate: real browsers, downloaded from Apple's own app store. Since it can't bar them outright, it's trying to raise costs on competitors and lower their potential to disrupt Apple's cozy monopoly. How? By geofencing browser choice and kneecapping web apps, all while gaslighting users about who is breaking their web apps. The immediate impact of iOS 17.4 in the EU will be broken apps and lost data, affecting schools, governments, startups, gamers, and anyone else with the temerity to look outside the one true app store for even a second. None of this is required by the DMA, as demonstrated by continuing presence of PWAs and the important features they enable on Windows and Android, both of which are in the same regulatory boat. The data loss will be catastrophic for many, as will the removal of foundational features. Here's what the landscape looks like today vs. what Apple is threatening: PWA Capability Windows Android iOS 17.3 iOS 17.4 App-like UI ✅ ✅ ✅ ❌ Settings Integration ✅ ✅ ✅ ❌ Reliable Storage ✅ ✅ ✅ ❌ Push Notifications ✅ ✅ ✅ ❌ Icon Badging ✅ ✅ ✅ ❌ Share-to PWA ✅ ✅ ❌ ❌ App Shortcuts ✅ ✅ ❌ ❌ Device APIs ✅ ✅ ❌ ❌ Apple's support for powerful web apps wasn't stellar, b ## Safari 16.4 Adds Long-Delayed Web Platform Features DevFeed: [Safari 16.4 Adds Long-Delayed Web Platform Features]() Original publisher: [Read original article]() Author: Alex Russell Published: 2023-02-22T00:00:00Z Content type: opinion Language: en Sources: [Alex Russell]() Topics: [WebKit](), [browsers](), [Web platform](), [PWA]() Tags: [browsers](), [competition](), [components](), [compression](), [css](), [pwa](), [reporting](), [safari](), [wasm](), [webdev](), [webrtc]() ### AI overview This commentary reviews Safari 16.4's web-platform additions, including PWA, Web Components, CSS, Web Codecs, WASM SIMD, compression, reporting, Canvas, and WebRTC changes. It argues that many features arrived years after Chromium implementations and notes some improvements remain limited to macOS and iPadOS. ### Source excerpt If you're a web developer not living under a rock, you probably saw last week's big Safari 16.4 reveal. There's much to cheer, but we need to talk about why this mega-release is happening now, and what it means for the future. Contents WebKit's Roaring Twenties Good Things Come In Sixes What Changed? Headcount Is Destiny Early Innings But first, the list! WebKit's Roaring Twenties Apple's summary combines dozens of minor fixes with several big-ticket items. Here's an overview of the most notable features, prefixed with the year they shipped in Chromium: 2015: Web Push for iOS (but only for installed PWAs) 2020: PWA Badging API (for unread counts) and id support (making updates smoother) 2015: PWA installation for third-party browsers (but not to parity with "Smart Banners") A bevy of Web Components features, many of which Apple had held up in standards bodies for years1, including: 2019: Constructable Stylesheets (important for performance) 2019: Form participation and default ARIA role 2021: Declarative Shadow DOM for "SSR" Myriad small CSS improvements and animation fixes, but also: 2018: CSS Typed OM for faster styling from JavaScript 2020: CSS Custom Properties can now be animated 2019: