#PWA

Create a simple installable and offline-first web application using SvelteKit and workbox-precaching!
https://youtu.be/Enl4OPQ2OAM

#sveltejs #svelte #pwa #webdevelopment

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.

#Maps #Mapping #GIS #Geospatial #Hiking #WildlandFire #PWA

Chciałbym, żeby w końcu apki #PWA na telefon wyglądały i działały jak zwykłe aplikacje. Żeby nie było po nich widać, że są przeglądarkowe. Chyba ze wszystkich PWA jakich korzystałem, najlepiej wypada #Calckey

These 2 days I'm at #MSBuild with folks from the #PWA team to answer your question. Come. Say hi.

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

The best #Calckey app for iOS is… a website as #PWA

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.

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.

Huch, FOLIO kann man als PWA-installieren (rechts in der URL-Zeile u.a des Chrome-Browsers).

#Folio #PWA

@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

#PWA #online_tools #Office_suite #free

https://www.ssuitesoft.com/categories/webapps.htm

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

Heute zufällig herausgefunden, dass MS Teams für Linux nicht mehr gepflegt wird und man auf die Progressive Web App umsteigen soll. Funktioniert grundsätzlich aber klassische Anwendungen sind mit ja doch lieber.
Außerdem funktioniert der Spaß nicht mit Firefox (telefonieren geht nicht) sondern nur mit Chromium 🙄
#linux #teams #pwa #foss

#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

I just installed the first #pwa on my #android phone ... and it seems to work nicely. Awesome.

@chpietsch @digitalcourage

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... ;-)

@admin non ho #pwa sottomano da testare ma non so se essere d'accordo con te. anche se è vero che è possibile "imbrogliarlo" come faccio io ;)

@finn @mozilla There is a idea posted on Mozilla Connect over a year ago to bring back PWA that has the most votes of any and is marked as “In review”. So who knows, but hopefully someday you’ll get this.

#Firefox #Mozilla #Pwa

https://connect.mozilla.org/t5/ideas/bring-back-pwa-progressive-web-apps/idi-p/35

Okay I'm just going to roll with using strictly #PWA #ProgressiveWebApp

Looked at #Twitter (sorry) and something changed with its #PWA (installed through Android #Firefox). The nav bar is now visible and covers up the bottom row of buttons making things less useful than ever.

Other #PWA-installed apps (including Masotodon) remain fine so I'm inclined to not blame #Firefox

I hear other things on that site are significantly worse than having a "progressive" web app that's regressing.

Progressive Web Apps: Google Chrome bringt neuen Installieren-Dialog - so könnt ihr es testen (Screenshots) - GWB
https://www.googlewatchblog.de/2023/04/progressive-web-apps-google-6/ #ProgressiveWebApps #PWA #Installation

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

Oh Amazon, why have your #android music app download the music files only to not be able to display the app when your running offline?

Essentially the app is wrapper for a webpage, if your going to do that just make it a #pwa

Uninstall, unsubscribe

Let me explain the problem. Lets say I have FireFox nightly as my default mobile browser. I install the PWA Stekkie app and it works. I create a couple of tasks.

Then I decide to remove Firefox nightly app because it crashes. What do you think would happen to my Stekkie tasks? The whole Stekkie app gone!

For a PWA the default mobile browser is used to present it, AND store data. Normal non-tech users will lose data over this and blame the app makers.

Am I missing something?

#PWA

We created a Progressive Web App (#PWA) at work to learn how that goes, if it could be something for our main platform.

A PWA is basically a website that looks and behaves (somewhat) like an app.

It's a todo app where you only see the the task at the top of the stack:

https://apps.apple.com/nl/app/stekkie/id6447972185

Or just install it via the browser:
https://stekkie.herokuapp.com

There seems to be a fundamental problem with PWA's that I only just discovered and have not read about..

Alors, un outil #Microsoft qui marche sur #Windows seulement si vous vous faites passer pour utilisateur #Linux, c'est hautement réfléchi hein 😂

#PWA #Teams

I've now got an account at @jo@calckey.social and getting the same as you all. I think there's a setting that's not allowing push notifications on the instance, so I've asked my admins at blahaj.zone where it works fine to let me know what it might be.
So if @ admin@calckey.social, @atomicpoet@calckey.social, or @kainoa@calckey.social know what that setting is, I'd suggest they change it. Once it's working I'll finish up writing the #Calckey #iOS #PWA How To I'm putting together here.

@gwaihir@calckey.social @Dan@calckey.social @box464@calckey.social @konstantin@calckey.social @thatonecalculator@stop.voring.me

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

https://techreads.pipoprods.org/making-a-simple-pwa/

#webdev #pwa #tutorial

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

#rubberDucky #enhance #javaScript #progressiveWebApps

@gwaihir@calckey.social @Dan@calckey.social @admin@calckey.social If you didn't get a permissions pop-up from iOS while using the PWA you may need to check your permissions in #iOS Settings. Find the name of your #PWA app (mine's called Blahaj Zone, after the instance I'm on) in the app list. You may then need to come back to the PWA and enable push notifications in Settings> Notifications. Let me know how you go. #Calckey

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

@noelle @jlogancarey@mastodon.art @noelle@example.com In #Android, there is the #Milktea app. It works for #Calckey, but there are a feature here and there that doesn't work. (Since the app was made for #Misskey.)

Another option is to turn the Calckey instance into a #PWA / #Webapp. Not sure in iOS, but in Android you can use Firefox and any Chromium-based browsers (Edge, Chrome, Vivaldi, Whale), look for an option to save the website as a webapp or PWA. Sometimes referred to as “save to desktop”.

It should create an icon, then when you open that icon, the site will load as if it is an independent app.

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!

@Webwasp I also can recommend @elk and @phanpy #progressivewebapps which also works using #Firefox for #Android

#pwa #elk #phanpy

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.

@bradwilson @khalidabuhakmeh @mastonaut @elk Its a bit weird, after installing the @elk #PWA and then launch it, it also always launches chrome.
Also #Chrome asked be whether I want to enable notification but so far I haven't got one showing up on my desktop.

What? The new MS Outlook is a web app?!?
#outlook #pwa #html #webapp

A new version of #madblog is available! 🎉You can either clone it from here https://git.platypush.tech/blacklight/madblog or install it via `pip install madblog`.

It now comes with #PWA support out of the box - manually creating a `manifest.json` is no longer required. So your own blog or web notebook can easily be installed as a PWA with zero additional configuration - yay!

For those who aren't familiar with it, madblog is a platform I developed to have a simple but good-looking blog with zero JS that is *really* Markdown-based.

When I say Markdown-based, I usually don't mean "it has a WYSIWYG editor that supports Markdown and will store your data on a database behind your back".

No, I really mean "you create your directory with Markdown files, run madblog to use it as a content directory, and nothing else is required".

If your blog pages are stored as Markdown files in a git repo, then running your blog somewhere is as simple as cloning the repo, creating a simple `config.yaml` in it, and running `madblog blog-dir`.

It currently powers both my blogs (https://blog.platypush.tech and https://blog.fabiomanganiello.com).

Ideas and feedback are welcome!

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

PWA Resources: Neue Sammlung hilfreicher Tipps und Tools für Webentwickler
https://t3n.de/news/pwa-resources-developer-designer-1465236/ #PWA #ProgressiveWebApps

#elk toimii taas hyvin #android:issa kun hieman kikkailee. Eli #firefox nightly asentaa sen oikein #PWA sovellukseksi. Silloin muuten vaivaava offset bugi ei iske sormen kohdistukseen. Jostain syystä normi firefox ei lisännyt PWA:ta. Näin taas #mastodon on käytettävä. Hetken oli kamala kun ei ollu säikeet käytössä, ja muutenkin niin kälyiset käyttöliittymät. Ymmärrän kyllä uusia tulokkaita, huono käyttökokemus oletuksena.

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

@og

#mobileapps #pwa #progressivewebapp #Mastodon

I'm not sure about everyone else but I am a huge fan of using #Mastodon as a #ProgressiveWebApp !!!

#PWA #MobileApps

[4am reflexion about #PWA icons] is it possible to invalidate the app icon from an added at home PWA?
Would it be possible by changing icons urls in the manifest file and invalidate it? Would that update the app icon on the go?

#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”).

#Marketing #Mockups

Und die #MSTeams #PWA beim Öffnen einer Datei so…

The latest ios versión (16.4) FINALLY introduced notifications from PWAs to #iOS

Does anybody know how to enable this to receive notifications from, for example, the #Mastodon #PWA ? Or does this have to be somehow enabled by the devs first?

#Development #Evolutions
Push notifications are now supported cross-browser · Finally, you can deliver timely and valuable notifications to your web users https://ilo.im/11z54f · by @tomayac

_____
#Browser #Chrome #Edge #Firefox #Safari #BrowserEngine #WebDevelopment #WebDev #Frontend #PWA #WebApp #PushNotifications

I didn't expect that day to come... iOS 16.4 will support #WebPush 🥳😱

This will be one big step into fully supporting #ProgressiveWebApps on all major platforms.

And lot more features all people in #WebDevelopment have waited for: https://webkit.org/blog/13966/webkit-features-in-safari-16-4/

#PWA #WebDev #HTML #CSS #JavaScript #JS #Apple

Web Push and Badging finally land on iOS 16 / iPadOS 16. Major step forward for #PWA relevance!

https://webkit.org/blog/13966/webkit-features-in-safari-16-4/

#Development #Releases
WebKit features in Safari 16.4 · Apple’s most gigantic WebKit release yet, including PWA features! https://ilo.im/11yb28

_____
#Browser #Safari #WebKit #WebDevelopment #WebDev #Frontend #PWA #WebApp #WebPush #AppBadges #WebComponents #ShadowDOM #CSS #HTML #JavaScript #WebAssembly #WebAPI #DeveloperTooling #WebInspector #SafariWebExtensions #SafariContentBlockers #Image #Audio #Video

Now it’s very difficult to distinguish the difference between a web app and a native app with #ios 16.4. Here a screenshot of @elk added to Home Screen. Full screen, push notifications and badges… 👌 Now I’m very excited to try web push in my projects. #pwa

#Replay "Progressive Web Apps (#PWA) et Performance" de Raphaël Dardeau qui revient sur l'expérience de l'Équipe entre 2017 et 2019. Une intervention qui n'a rien perdu de son actualité ! https://youtu.be/AmfzyKDmxK8

Follow Me! #introduction

#oregon #pdx #pnw #portland #sanFrancisco #sf #arkansas #cannabis #coffee #cycling #bike #eBike #fungi #mushrooms #unreal #videoGames #gaming #vr #retroGaming #rg35xx #sega #web #css #developer #frontEnd #fullStack #html #javaScript #js #webApps #webDev #aws #customElements #cypress #devops #graphql #lit #pwa #react #reactjs #serverless #shadowDom #webComponents #web3 #activityPub #bitcoin #blockchain #btc #crypto #cryptocurrency #filecoin #helium #hnt #icp #ipfs

No, website, I sincerely do not want to download and "enjoy" your app. You grossly overrate both the quality of your app and your importance to me. And if you can't make a decent website, why would I want to install your shit code? #webDev #pwa #nativeApp #android #ios #appStore #app #web

Status bar has now the same color than background on #Android PWA. My #Mastodon is pixel perfect! :bunhdheart:

Get Mastodon Bird UI + tweaks. Instructions for the status bar: https://github.com/ronilaukkarinen/mastodon-bird-ui#status-bar-color-on-android-pwa #MastodonBirdUI #UI #CSS #UIDesign #PWA

Progressive Web Apps (PWA) for Beginners - 17 tutorial videos https://www.youtube.com/playlist?list=PLlrxD0HtieHjqO1pNqScMngrV7oFro-TY #pwa #webdev #tutorial

If you install a #PWA with a #browser it will open links in that browser instead of your default. That may not be surprising, but it's not how native applications work. #progressiveWebApps #webDev

I signed a contract today to build a serious #svelte #pwa for a big industry giant 🎉

The dist files will be deployed on embedded devices with very limited flash memory, so small bundle-sizes are a must. I suspect I need to write some custom #vite plugins but I'm really looking forward working with #svelte in a professional context.

Bye the way, I'm hiring 😉
https://fullstax.de/jobs/

#Development #Courses
PWA for beginners · Learn how to create a cross-platform web app with a native look and feel https://ilo.im/11l0pr

_____
#WebDevelopment #WebDev #Frontend #WebApp #PWA #ServiceWorker #OfflineMode #PushNotification #Videos

The team has launched a great resource to learn about PWAs. Starting completely from scratch, this is #pwaForBeginners!! #PWA

https://www.youtube.com/playlist?list=PLlrxD0HtieHjqO1pNqScMngrV7oFro-TY

Is there a way to create a #Chrome desktop shortcut for a *private* window?

#pwa