Faudrait vraiment que des devs d’App mobile et surtout les direct·rices·eurs des sites qui les produisent, se mettent en tête qu’ il n’y a pas que l’Apple Store et le Google Play dans la vie .
Pour les Android-like, il faudrait systématiquement diffuser le .apk directement sur leur site (avec le hash accompagnant), ou mettre leur fichier sur des store comme F-Droid (à condition d’etre un logiciel libre ou open source, ce qui n’est pas impossible).

Et pour finir, c’est un peu finito les App mobile. #Firefox OS avait tenté sans être suivi en 2013, mais maintenant, c’est reparti, on parle de Progressive Web App . C’est juste un site web hautement « progressive », c’est une bonne façon de faire des App (surtout si c’est pour avoir 3 boutons et 2 champs de saisie. Pas besoin de sortir #Xamarin pour si peu.)

Je pense en particulier à tous ces sites d’état ou « officiels », genre La Poste et leur clic. Parce tu ne pourras bientôt plus aller chez le toubib sans un smartphone connecté à Google. Et si vous ne voyez pas vers quoi ca tent... ba je sais pas, lisez.

#android #PWA #FirefoxOS #fdroid

En réponse au DMA, Apple supprime les applications web des iPhones européens
▻https://www.usine-digitale.fr/article/en-reponse-au-dma-apple-supprime-les-applications-web-des-iphones-eur

Plutôt que de permettre une meilleur prise en charge des PWA par ces autres navigateurs, la firme de Cupertino a choisi de les débrancher. Désormais, les utilisateurs verront apparaître un message leur demandant s’ils souhaitent les ouvrir dans Safari, sans autre option possible. Elles sont donc réduites à de simples raccourcis. Il s’agit d’une énième manœuvre d’Apple pour contourner l’esprit du DMA, qui vise à créer un marché plus concurrentiel sur les grandes plateformes de la tech.

Comment rendre une PWA installable ?
▻https://developpeur-freelance.io/pwa-installable

Tutoriel pour la gestion de l’installation d’une PWA (service-worker + JavaScript)

#PWA #progressive_web_app #javascript #service_worker

Arrows.app — to draw graph-like diagrams
▻https://arrows.app

Utile pour documenter le modèle d’un graphe, en vue d’une présentation ou pour importer des données.

À noter : c’est une PWA (une app cliente qui tourne dans le navigateur, aucune donnée ne doit être envoyée à un serveur distant pour faire fonctionner l’app).

#graph #database #modeling #drawing #pwa

« Tabbed application mode for PWAs » by Thomas Steiner, web.dev, 25.02.2021
▻https://web.dev/tabbed-application-mode

#pwa #web #development

Transformer votre site en PWA | Javascript par Flo | GinkoNote
▻https://www.ginkonote.com/fr/utilisateurs/flo/articles/transformer-votre-site-en-pwa@javascript

Howto pour générer une PWA à partir d’un site HTML + JS avec en particulier la gestion de la mise en cache local

#progressive_web_app #PWA #howto #service_worker #manifest.json

Mobile UX Design : The Right Ways to Ask Users for Permissions | by Nick Babich | UX Planet
▻https://uxplanet.org/mobile-ux-design-the-right-ways-to-ask-users-for-permissions-6cdd9ab25c27

Conseils pour la gestion des demande d’autorisations aux utilisateurs d’une application web (localisation, carnet d’adresses...)

#autorisation #localisation #PWA #UX

Astuces pour designer une Progressive Web App (PWA)
▻https://www.kaliop.com/fr/comment-designer-une-progressive-web-app

Conseils pour l’organisation de l’interface d’une PWA

#PWA #interface #UX

Spotify, The Apple App Store & Why PWAs Rule
▻https://love2dev.com/pwa/spotify-apple-appstore

Comment Apple décourage au maximum le développement des PWAs...
...et pourquoi c’est un combat d’arrière-garde perdu d’avance !
(et avant tout une histoire de GROS sous)

The more I discuss the merits of progressive web applications over native apps with clients and potential clients I have formulated a simple way to determine if you should develop and ship a mobile app:
“Does your app help sell iPhones or generate significant store revenue for Apple?”
If your answer is yes then you should think about developing an app. Otherwise a progressive web app is probably your better choice.

We also know that consumers are tired of mobile apps. Today no one downloads apps anymore. Sure there are app downloads, but by and large the fad has ended. Most app downloads are to new phones, ‘restoring’ a user’s existing apps.
[...]
Right now there are many large brands taking that journey. Uber, Lyft, Twitter and others are in the process of moving to a progressive web app solution. Most have PWAs with feature parity to their native apps. They typically have moved to a PWA as the client code base and use a hybrid wrapper like Cordova to put the solution in the store.

Blocking updates is another major aspect of Spotify’s complaints. I know they are not alone, I talk to app owners all the time that express frustration with long update cycles and rejections. It is a trail of frustration for many.
On the web, you find a bug, fix it and deploy an update as fast as you can. That could literally be a couple of minutes to just under an hour if you have your ducks in a row, and it is not a major bug of course.
I know some sites update 1500 or more times a day. Try that with your native app.
[...]
Good luck doing that with Apple in the way. Developers I speak with tell me they expect 2-4 weeks before bug deployments are actually released in the store.

Voir aussi : le site dédié de Spotify : ▻https://timetoplayfair.com

#PWA #apple #monopole #AppStore

« pwa-auth: A New Sign-in Component for the Modern Web » by Judah Gabriel Himango, 14. 04.2020
▻https://medium.com/pwabuilder/pwa-auth-a-new-sign-in-component-for-the-modern-web-e8c0257273f0
#webComponents #pwa #authentication

Build a Progressive Web App In #vuejs, from Zero to Hero! PART 2— The Service Worker
▻https://hackernoon.com/build-a-progressive-web-app-in-vuejs-from-zero-to-hero-part-2-the-servic

https://cdn-images-1.medium.com/max/1024/1*L-LFUe3N6UTDgWp1vMmd_w.png

Build a Progressive Web App In VueJs, from Zero to Hero! PART II — The Service WorkerIn this #tutorial, we will implement and discuss the Service Worker, one of the core technologies that adds the astonishing offline-first experience of a native app to a regular web app.In fact, this article is the second part of a series that teaches you how to develop a so called progressive web app in VueJS!Part I — Build the Tax Calculator App in VueJS.Part II — Make the App work offline.No worries if you haven’t done Part I you can also start straight into building #pwa features. Let’s get going!Offline-first ParadigmOn the web of today the majority of websites and web apps simply fail when there is no network connection. This is so common, that users of today don’t even complain about this poor experience.For (...)

#javascript #web-development

How to Build a #pwa in #react.js and Cosmic JS
▻https://hackernoon.com/how-to-build-a-pwa-in-react-js-and-cosmic-js-8dca0549029c?source=rss----

https://cdn-images-1.medium.com/max/1000/1*7f4oDW1WZS01lMDvOcduvA.jpeg

React PWA with Cosmic JSIn this tutorial I will show you how to build a progressive web app using React.js and Cosmic JS. Our PWA will respond with status 200 when you are offline. The app will attain the last state of data and display it to you when you are offline. We will start with the basics and complete the app in full details. After completion we will deploy it to the Cosmic JS App Server, so let’s get started.TL;DRCheckout the demoDownload the codebaseAdmin Credentials:email: admin@abc.compassword: adminWhat are We Building?As the title explained we are building a progressive web app (PWA) which will display news published by an admin. Let’s start by explaining what a PWA is in simple words:A PWA is a ordinary website that has some extra and unique features which make it (...)

#cosmic-js #javascript #reactjs

Progressive Web Apps (PWAs) FTW — Pt. 2
▻https://hackernoon.com/progressive-web-apps-pwas-ftw-pt-2-31c2779e55c4?source=rss----3a8144eabf

https://cdn-images-1.medium.com/proxy/1*oGZniVn0jfVzLYkNgX4dQA.png

Progressive Web Apps (PWAs) FTW — Pt. 2IntroductionIn part 1 of this series we looked at what Progressive Web Apps are and discussed how they can improve user experiences in mobile web. These articles are based on the talk I gave at the Reversim Summit. If you prefer to watch the video you can see it here:▻https://medium.com/media/2c31b3cbe49e18762f4820b486c62234/hrefLet’s continue where we left off last time and dive into Web Workers. Web Workers are the core technologies that enable PWAs.Web WorkersIf you’ve worked a bit with #javascript before you may have noticed that it is single threaded. This is evident if you do any expensive computations on the client side. In these cases the page becomes unresponsive until the script running the computations is finished. A web worker comes to solve (...)

#web-development #coding #pwa #progressive-web-app

A Progressive Web App in Vue #tutorial , Part 1 — The Vue App
▻https://hackernoon.com/a-progressive-web-app-in-vue-tutorial-part-1-the-vue-app-f9231b032a0b?so

https://cdn-images-1.medium.com/max/1024/1*OrMdIxlqbooS2l1rvngVYQ.png

The BasicsBuild a Progressive Web App In #vuejs, from Zero to Hero!The concept of Progressive Web Apps (PWAs) is a framework agnostic approach which seeks to combine discoverability and accessibility of a website with the functionality of a native app.Since couple of years I see an increasing interest technologies which bridge the gap between web- and native-apps.In 2018 PWAs have made a great step towards mainstream adoption. By now, plenty of companies like Pinterest, Uber, Twitter, Trivago, The Washington Post, Starbucks, have already created PWAs to run parallel to their native apps.The reason is obvious, plenty of these companies report very promising numbers, mostly as astonishing as the 97 percent of increase in conversions Trivago has seen.Why should we start developing PWAs now?In (...)

#web-development #pwa #javascript

What Web Can Do Today
▻https://whatwebcando.today

panorama des fonctionnalités HTML5 pour les progressives web apps :
– support
– description et liens vers documentations

#pwa #navigateurs_mobiles #html5

Votre première PWA | Blog Eleven Labs
▻https://blog.eleven-labs.com/fr/votre-premiere-pwa

Tutoriel pour réaliser une Progressive Web App (avec en particulier utilisation de Gulp pour la configuration du service worker)

#PWA #progressive_web_app #gulp #service_worker

The status of #javascript outside of the browser: 2018 & beyond.
▻https://hackernoon.com/the-status-of-javascript-outside-of-the-browser-2018-beyond-ee0b79ee059f

https://cdn-images-1.medium.com/max/357/1*0qz-rzy_5gcf9wjdBP99pw.png

The JavaScript doesn’t stay just only in inside of browser as many could think. It’s showing a great power in various area and sometimes it’s more potential from outside of the browser.Bear in mind: The content of this article is by May of 2018 and will not likely reflecting newest updates as well and may contain some personal perspectives.Node.jsAs the year of 2017, continuously demonstrated a shiny progress as it was. 250 million downloads happened on last year, and this is equivalent of 700K downloads per day!It’s growing tremendously every year, the monthly downloads of the year 2017 was increased as 70~80K more compared with the monthly downloads from 2016.node by numbersMany companies adopted Node.js last year. For those who needed to provide new digital experiences to customers in (...)

#nodejs #webpack #react-native #pwa

E-learning sans Internet (ou presque)
▻https://supertanuki.github.io/home/assets/slides/elearning-progressive-web-app/elearning-sans-internet-phptour-2018.pdf
#PWA_offline_Africa_mobile_clevermarks

Creating a Progressive Web App with a Headless #cms — Part 2
▻https://hackernoon.com/creating-a-progressive-web-app-with-a-headless-cms-part-2-88ffee198ff6?s

https://cdn-images-1.medium.com/max/1024/1*omtqPm7skI8ZSHs3ZCxfxg.jpeg

Hey, welcome back! In Part 1 of this series, I introduced you to the Progressive Web App (PWA). I covered what they are, how they function, and how a headless CMS can really add some awesome functionality. In Part 2, I’m going to dive into building a #pwa and adding some cool features. That means creating the base app, adding the magic, and testing.So, let’s get to the good stuff!RecapIn Part 1, I mentioned a few services that we’re going to talk about a lot in this series.Google PWA TutorialThis is the “base” app we started with for our demo. It’s a great tutorial and provides a nice foundation for a PWA.Kentico CloudThis is the cloud-based CMS we used to power our application. It’s a scalable, flexible CMS with tons of SDKs and sample projects to help you get going quickly.Creating the base (...)

#headless-cms #web-development #progressive-web-app

New Samsung Internet Beta, Introduces Protected Browsing!
▻https://medium.com/samsung-internet-dev/new-samsung-internet-beta-introduces-protected-browsing-52f1ce7145f6

“When we detect a Web App such as Starbucks (below) we show the ‘Add to homescreen’ button to allow users to install the Web App instantly with a single tap.”

#PWA_homescreen_installation_button_UX_clevermarks_SamsungInternet

Implement one-off BackgroundSync API in Firefox
▻https://bugzilla.mozilla.org/show_bug.cgi?id=1217544

“backgroundsync will likely end up in 61”

#Firefox #backgroundSync #PWA

Your Site—Any Site—Should be a PWA
▻https://www.aaron-gustafson.com/notebook/your-site-should-be-a-pwa

“PWAs don’t require you use a particular JavaScript framework or any JavaScript framework at all. You don’t need to be building a Single Page App either. In fact, it will probably be easier if you’re not. If you work on a website, there’s a really good chance your site could benefit from the technologies and approaches aggregated under the PWA umbrella”

#PWA

Samsung DeX brings a new Dimension to the Mobile Web
▻https://medium.com/samsung-internet-dev/samsung-dex-brings-a-new-dimension-to-the-mobile-web-f80d7edcab29

“If you use a Progressive Web App regularly in the browser, we will prompt you to install it on the third day of using it in two weeks.”

#PWA #RWD #mobile

Google Capabilities Program Strategy and Goals Q1/Q2 2017
▻https://docs.google.com/document/d/1_PcEyuXaRckigJ4lcQNzsQPe2bXsOHdUw1zncO4_fKs/edit#

“The Capabilities Program aims to ensure web developers have all the capabilities they need from the web platform such that:

PWA goes mainstream in developer adoption and usage Users on Android phones in Emerging Markets (EM) in particular spend a large amount of time each day in PWAs

We believe these points are key in maintaining a healthy web ecosystem and providing universal access to information.”

#PWA #GoogleChrome #roadmap

Native Apps are Doomed
▻https://medium.com/javascript-scene/native-apps-are-doomed-ac397148a2c0

All my apps going forward will be progressive web apps. Progressive web apps are web applications which are designed to work even more seamlessly on mobile devices than native mobile apps.

#PWA #nativeApp #Web

Why Native Apps Really are Doomed: Native Apps are Doomed pt 2
▻https://medium.com/javascript-scene/why-native-apps-really-are-doomed-native-apps-are-doomed-pt-2-e035b43170e9

“With a progressive web app, you visit a URL and immediately get to try the app. If you continue to use it, you get prompted to install it to your home screen with one click. From that point on, it behaves like a native app. It can work offline, take photos, use WebGL for 3D games, access the GPU for hardware accelerated processing, record audio, etc… The web platform has grown up. It’s time to take it seriously.”

#PWA #nativeApp #Web

Washington Post Unveils ‘Lightning-Fast’ #Mobile Website - WSJ
▻http://www.wsj.com/articles/washington-post-unveils-lightning-fast-mobile-website-1473152456

https://si.wsj.net/public/resources/images/BN-PR425_cmowap_G_20160902174022.jpg

The PWA technology powering the new site is an open-source set of technology standards formulated by Google’s Chrome team, which are also responsible for its popular Chrome web browser.

At a basic level, the #PWA technology works by pre-loading content on users’ devices in the background to ensure it’s ready to display quickly as they move around the site. In order to use PWA, websites must use a secure web technology known as “HTTPS,” which the Post began implementing last year.

#progressive_web_app #javascript

Regressive Web Apps
▻https://adactio.com/journal/10708

“People seem to be so caught up in the attempt to get native-like functionality that they’re willing to give up the very things that make the web great.”

#PWA #webapp #progressiveEnhancement #native #SPA