#pwa
#Development #Reviews
Web apps on macOS Sonoma 14 beta · What to expect from Apple’s concept of installable web apps https://ilo.im/13gizv
“There is an enormous potential for web apps on Mac to succeed.” — Thomas Steiner
_____
#Apple #MacOS #WebApp #PWA #Safari #Chrome #Browser #WebDesign #WebDevelopment #WebDev #Dock #Installation #Manifest
Chrome/Edge removed the flag that forces link targets to still display when hovered in an installed #PWA 😬
Bin vorerst mal mehr drüben auf @elektronaut@procial.tchncs.de unterwegs und werde auch v.a. dort posten. Ich will ja rausfinden, was mir besser gefällt :mastogrin: . Ihr folgt mir aber ja sowieso schon fast alle auch dort 👍 . Manche Dinge gehen mit der #PWA von #Calckey aber leider nicht, z.B. das Teilen von Inhalten aus anderen Android-Apps. Sowas gibt es vorerst weiterhin hier.
I've come to the conclusion, #PWA apps are here to stay.
- auto-scroll federated timeline
- GIFs autoplay

And Safari is now supporting Progressive Web Apps.
Firefox, all eyes are on you now...
Apple Announces macOS Sonoma With Desktop Widgets and More https://www.macrumors.com/2023/06/05/apple-announces-macos-sonoma-with-desktop-widgets-and-more/
#Apple #macOS #Sonoma #Safari #PWA #OperatingSystem #Browser #TechNews

#Development #Releases
WebKit features in Safari 17 beta · Web apps for Mac, Spatial Web, WebXR, JPEGXL, and much more https://ilo.im/13es5i
_____
#Apple #WWDC23 #Browser #Safari #Mac #iOS #iPadOS #WebDevelopment #WebDev #Frontend #HTML #CSS #JavaScript #RegEx #WebAPI #WebApp #PWA #SpatialWeb #ModelElement #WebXR #WebGL #HEIC #WebDeveloperTools #DevTools #WebInspector #SafariExtensions
Anyone else spot the #WWDC23 keynote mention of "installable" #webapps coming to Safari?
WOW! It's clear that #WebTechForApps is a significant and growing trend (#MiniApps #PWA #WebRTC #WebXR, #Solid ...).
Between app fatigue, developer frustrations, bloated devices, update chaos, notification floods, and new access channels (XR), are we reaching an inflection point in the mobile app dynamic?
If this interests you, join us in Paris next week.
If someone's added a web app to their iOS home screen, does anyone know a way to send that person a link which opens _in_ that installed web app, rather than in a browser tab?
https://stackoverflow.com/questions/76414684/open-a-link-in-an-ios-web-app-thats-been-added-to-the-home-screen
#ios #webapps #pwa #safari
Es sieht so aus, als würden PWAs nun auch in der Apple Welt Einzug halten?
Das wäre ja nice.
#WWDC23 #pwa #progressivewebapp #html #javascript
🪂 Progressive Web Apps 'Don't Spy or Clog Your Phone'. Do You Use Them? | @slashdot
⎧ Web apps look and function pretty much like the conventional apps for your phone or computer, but they clog less space on your device and are less pushy about surveilling you. People who make web apps also say they are easier to create and update than conventional apps... But web apps have been around for years, and most people don't know they exist... ⎭
#PWA #Privacy
https://mobile.slashdot.org/story/23/06/03/1742245/progressive-web-apps-dont-spy-or-clog-your-phone-do-you-use-them
@jensimmons very curious if and how this will tie in with existing #pwa standards and features. It would be sad if something as universal as the web would require two different ways of doing things for #macOS and the rest of the operating systems.
Also, is this a first step to allowing install prompts line Chrome and Android do? 🤔
We should all use more Progressive Web Apps (PWA) as an alternative to App Store Apps. PWAs are less nosy and more sustainable than traditional apps, as they require much less space on your phone and need less permissions as to access contact data etc..
Mastodon also works as PWA btw. How does it work? "It's as easy as "press the three-dot icon, then select 'Add to home screen.'" -->
I started to create a #pwa for our Alliance maintenance Checklist for #PSO2NGS. I made a Graphic version before, but it was more work than building one with #HTML #css and #javascript
I was rewriting the whole Site again to make it visually more appealing so that it looks like an App.
Left = Old Version
Right = New Version


The Toronto People With Aids Foundation's Essentials Market foodbank has been hard hit by inflation, with the amount of food they are able to distribute every being cut by 2/3. You can help by contributing to their current campaign, either as a one-time gift, or with ongoing support.
Who still thinks writing a Service Worker for basic features (performance with cache, offline fallback) is cumbersome?
Using #Workbox recipes make it so easy!
Here's the Service Worker for https://pack11ty.dev 😍
https://github.com/nhoizey/pack11ty/blob/main/src/assets/js/service-worker.js
Nice little podcast episode about my favorite #Mastodon client @elk and #PWA with @daniel and @shanselman
Create a simple installable and offline-first web application using SvelteKit and workbox-precaching!
https://youtu.be/Enl4OPQ2OAM
Introduction.
I am the developer of #GISsurfer which is a general purpose web map with broad support for displaying GIS data. GISsurfer videos and PDFs: https://mappingsupport.com/p2/gissurfer-help.html
Curated list of 3,000+ government #ArcGIS server addresses: https://mappingsupport.com/p/surf_gis/list-federal-state-county-city-GIS-servers.pdf
List is updated each week.
#GeoJPG (under development) is a Progressive Web App that displays georeferenced JPGs that you can make with GISsurfer’s Menu > Screenshot mode.

Really enjoyed this talk on the idea of "Local-first software"
https://youtube.com/watch?v=KrPsyr8Ig6M
"Software (& data) should be always available, collaborative (but private), responsive in the moment."
💡 a local-first strategy
1️⃣ write the software so it can run almost entirely offline
2️⃣ keep the authoritative copy of data on the user's device
3️⃣ use the cloud to augment the app with backup & live sync
Thanks to
➡️ #PWA
➡️ #localStorage
➡️ the Automerge #CRDT
➡️ simple cloud hosted services for backup & sync
I am also very passionate about the weather, and because of the love of tech, I obviously have my own weather station, my own website, self hosted, Raspberry Pi camera, Proxmox getting involved.
There is a full site at http://www.bordersweather.co.uk and the first attempts to start creating a #PWA at https://cam.bordersweather.co.uk
If nothing else, you can see the lovely Scottish Borders village I live in.
😀
@indie1337 I only use Mastodon and #Pixelfed as far as fediverse apps are concerned, and the VAST majority of the time I use the PWAs for them. 100% of the time for Pixelfed. When I'm not in the #PWA for #Fosstodon, I've been using #Tusky.
[Re. @njwoodthorpe]
If you ever find yourself needing a mobile app, @pwabuilder is a GAME CHANGER. My latest project went from a mobile site to Android + iOS apps approved on stores in 2 weeks.
Plus, we have a single code base for all 3 platforms, and we can update without app store reviews. #pwa
Wow, https://elk.zone as a #PWA is a beast.
I used to block on it on iOS because #Firefox iOS doesn’t support PWA yet. But it’s actually totally fine to fire up #Safari just to save #Elk as a PWA. Makes difference once the PWA loads up.

@bodil I haven't had a chance to try it myself yet, but this #Firefox #pwa extension might help https://techdows.com/2021/09/install-pwas-firefox-desktop.html
And on #Android, the Firefox browser supports PWAs just fine
#Mozilla's decision to get rid of #SSB / #PWA support has the most lingering effects. You've just created an entire instance where enthusiasts will complain about it day and night.
@hen To be fair, apps like VS Code Web (github.dev) perform nicely without SSB shenaniganry, so most of the time I just put website into my bookmarks and it works. Websites can request a persistent storage nowadays, they can do WebXR and many other things on #Firefox and #Chromium.
#calckey on #mobile, the text is just way too small using the #PWA. However - check this out - I found if you switch to landscape mode and then back to portrait, the text size is larger (temporarily). Hopefully there's a better mobile version in the work --- or maybe I'm missing something?
I'm testing out Kimis (a Misskey client app on iOS) and while not nearly as full featured, it seems to work okay for basic scrolling and interacting with your timeline.



@PanNindyk@101010.pl coming soon w kwestii edycji, integracji z mastodonem.
Też z czystej ciekawości założyłem konto na #calckey i nie mogę doczekać, aż zacznie dogadać się z @Tusky@mastodon.social . Niemniej, #pwa działa bdb 🤘
Our latest release has so much goodness in it, a few performance improvements, a new update prompt, support for the news timeline and more! #mastodonclient #opensource #pwa
Auf die Schnelle geschaut... den einzigen Hinweis auf assoc-amazon.de finde ich als eine Art Zählpixel bei der Auslieferung der Werbeanzeige (die aber von celeo.de kommen sollte). Wobei ich mich tiefer in meinen eigenen Code vertiefen müßte, um die genauen Umstände zu ermitteln... ;-)
#JavaScript ist auf celeo.de mit Ausnahme eines #PWA-Schnipsels nicht vorhanden.
Dafür aber eine erste Anbindung ans #Fediverse... ;-)
New Richer Install UI for web apps. Very nice improvement to the #PWA UX on desktops.
https://developer.chrome.com/en/blog/richer-install-ui-desktop/
Meanwhile, still desktop PWAs still firmly abandoned by @mozilla
Nowadays, many tutorials show you how to make a PWA the simple way. IMO it's a bad thing that leads to most PWAs being nothing more than Web bookmarks and making users think this technology is useless.
In this article, I'll show how to make a PWA that:
- can be installed on your phone/computer as if it was a native application
- can be used both online and offline
Gerade mal @trunksapp für #Mastodon auf #Android und im #Browser angeguckt. Sieht nicht schlecht aus und hat ein paar interessante Funktionen, die ich noch nie gesehen hab (Anzeige nur von Posts, Boosts oder Antworten; Anzeige nur von noch nicht gesehenen Posts).
@elk bleibt aber noch Favorit, knapp vor @phanpy (beide mobil als #PWA ). Fürs Posten von Artikeln aber ganz klar @apps .
Und ihr? Was muss man ausprobieren?
#mastotips #mastotip
I've been trying to implement the #shareTarget API in my #PWA for years now and I'm *so close* to being able to accept files from a share (at least from #Chrome #Android) that I can *taste* it!!!
In manifest.json I set my `method` to "POST" and `enctype` to "multipart/form-data", but when I share to my app it just GETs the page with no POST or even querystring params.
I could try disabling the GET response and see what happens...
Push #notifications now available for #Calckey #iOS users using the #PWA.
If you update to iOS 16.4 and "add to home screen", that version (called a PWA) will have full notifications and background/offline support!
For those with the PWA already added, you may need to go into Settings> Notifications> and enable push notifications.
#fediapps #apple #app #apps
Hi! I have a question about #Firefox. I've installed by first #ProgressiveWebApp though Firefox for Android and I am curious if the app gets filtered through my installed extensions.
i.e. Will #uBlock block all the ads?
It's my first time using a #PWA and I used to go to this site's app, so I don't know what the mobile site looks like.
Thanks!
[Re. @monteiropatrick]
Pra quem ainda desconfia do PWA, segue nosso app com mais de 1000 donwloads só na google play feito com PWA e convertido para TWA para ser publicado nas lojas: https://t.co/TohVjI8JmI

Why do you install a #Mastodon #mobileapp ?
I have tried multiple Mastodon #apps on Android phones and I have come to the conclusion that using the Mastodon progressive web app (#pwa ) is better and more feature rich than most apps.
To install the Mastodon PWA on your phone, simply open your preferred instance in Chrome or Edge for Android. Once loaded, tap the three dots menu button in the browser and choose “Install app.” This will add a Mastodon icon to your home screen and app drawer.
$AAPL finally decided to implement #webPush in their monopoly browser so people would stop saying #safariIsTheNewIE but the notifications can't make sounds.
So, #Safari is STILL the new IE
#webkit #AAPL #apple #ios #macos #webDev #PWA
https://www.reddit.com/r/PWA/comments/12mdnyg/no_sound_or_vibration_when_sending_push/
What's confusing to me is the "challenge" part. Apparently the server needs to provide it, but when? Should I send it along with every page I want to make authenticated form posts from? Or is this something I should do once, in a login form, and then send to the server to persist in a database?
Will this work for my #PWA #shareTarget posts? 🤔
I'm not sure about everyone else but I am a huge fan of using #Mastodon as a #ProgressiveWebApp !!!
[Re. @Coderosmx]
💡¿Quieres distribuir tu #PWA en las diversas tiendas de aplicaciones móviles? @pwabuilder te ayudará a generar los paquetes de manera muy sencilla.
Asegúrate que tu PWA:
✅ Sea visible desde una URL pública
✅ Tenga un web app manifest completo
✅ Use HTTPS
¿Ya la probaste?… https://t.co/4MRJpnjwgJ

The #Mastodon #PWA experience is really quite good these days. #BirdUI #PhanpySocial #Elk



#Development #Guidances
PWAs in app stores · More and more app stores are welcoming Progressive Web Apps https://ilo.im/124fu8
_____
#WebDevelopment #WebDev #WebApp #PWA #GooglePlay #MicrosoftStore #AppleAppStore #MetaQuestStore
If you need to create product photos and mockups of iPhone etc. for product presentations (think App Store screenshots), https://shots.so/ is nice. It even installs as a #PWA (”Chrome app”).
Did you know there is now a CLI for the Microsoft Store? Anddddd it supports PWAs packaged with PWABuilder!!!! https://learn.microsoft.com/en-us/windows/apps/publish/msstore-dev-cli/package-command#pwa

[Re. @khmyznikov]
Awesome tutorial that walks you through building your own Progressive Web Apps that can run across platforms and combine the best of web and native features! 🥳 #pwa #microsoft #pwabuilder
https://t.co/SpM97CJppt
[Re. @diekus]
The team has launched a great resource to learn about PWAs. Starting completely from scratch, this is #pwaForBeginners!! #PWA
[Re. @alexey_rodionov]
I've exposed the --metaquest flag for Bubblewrap as a "Meta Quest compatible" checkbox in PWABuilder. 🤓
In this way, @PWABuilder gives developers the choice of what tool under the hood to use for packaging PWAs for @MetaQuestVR devices. 👇
#PWA #ProgressiveWebApps #VR #XR #DX https://t.co/vNMRyMOP4Y

[Re. @doubleslash_dev]
Nouvel épisode du #podcast double slash avec @davrous, qui vient nous parler de @pwabuilder et d’open source. Un service pour nous aider à publier nos #PWA sur les stores. @xlanex6
Vidéo : https://t.co/6nmXZ2HNcS
Audio : https://t.co/He2Y3jUZ21 ou sur vos plateformes de podcast
[Re. @davrous]
Hey! Je découvre que notre session avec @olivierleplus sur les #PWA avec des morceaux de @pwabuilder et la super PWA de @diekus est en ligne! Découvrez tout ce que l'on peut faire avec une PWA pour s'intégrer dans l'OS, vous allez être surpris! https://t.co/77NLZ1dyle
[Re. @PWAPilipinas]
Our first in-person workshop in partnership with @MicrosoftPH is here! Join us for a fun @pwabuilder workshop this September 23.
Register via https://t.co/VPHrsgEt3f.
No walk-ins and slots are limited.

[Re. @alvinashcraft]
Check out the @pwabuilder pwa-starter!
#webdev #pwa #staticwebapps #cloud #azure #oss
https://github.com/pwa-builder/pwa-starter