Howto pour générer une PWA à partir d’un site HTML + JS avec en particulier la gestion de la mise en cache local
Mobile UX Design : The Right Ways to Ask Users for Permissions | by Nick Babich | UX Planet
Conseils pour la gestion des demande d’autorisations aux utilisateurs d’une application web (localisation, carnet d’adresses...)
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.
Build a Progressive Web App In #vuejs, from Zero to Hero! PART 2— The Service Worker
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 (...)
How to Build a #pwa in #react.js and Cosmic JS
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: email@example.com: 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 (...)
Progressive Web Apps (PWAs) FTW — Pt. 2
A Progressive Web App in Vue #tutorial , Part 1 — The Vue App
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 (...)
Creating a Progressive Web App with a Headless #cms — Part 2
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 (...)
New Samsung Internet Beta, Introduces Protected Browsing!
“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.”
Your Site—Any Site—Should be a PWA
Samsung DeX brings a new Dimension to the Mobile Web
“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.”
Google Capabilities Program Strategy and Goals Q1/Q2 2017
“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.”
Native Apps are Doomed
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.
Why Native Apps Really are Doomed: Native Apps are Doomed pt 2
“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.”
Cela me semblerait intéressant de creuser cela pour SPIP dans son ensemble.
Les notifications et tâches de fond on l’air possibles également.
Web push notifications makes it easy to re-engage with users by showing relevant, timely, and contextual notifications, even when the browser is closed.
This specification describes a method that enables applications to take advantage of persistent background processing, including hooks to enable bootstrapping of web applications while offline.
The core of this system is an event-driven Web Worker, which responds to events dispatched from documents and other sources. A system for managing installation, versions, and upgrades is provided.
The service worker is a generic entry point for event-driven background processing in the Web Platform that is extensible by other specifications.
Le service qui serait LE truc utile pour moi serait de s’intégrer au système de partage sur Android, de manière à ce que, quand je lis un article cool, je puisse le partager sur SeenThis aussi facilement que via Twitter, courrier, SMS, etc.
Washington Post Unveils ‘Lightning-Fast’ #Mobile Website - WSJ
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.