Seenthis
•
 
Identifiants personnels
  • [mot de passe oublié ?]

 
  • #p
  • #pr
  • #pro
  • #prog
  • #progrès
  • #progress
  • #progressive
RSS: #progressive_web_app

#progressive_web_app

  • #progressive_web_apps
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 10/10/2023
    2
    @rastapopoulos
    @arno
    2

    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

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 10/12/2020
    2
    @rastapopoulos
    @arno
    2

    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

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 26/03/2019
    3
    @spip
    @jeanmarie
    @tofulm
    3

    Open Source / offline · GitLab
    ▻https://git.nursit.net/open/offline

    Plugin pour SPIP 3.1+ permettant de proposer simplement la consultation offline d’un site SPIP existant (merci Nursit !)

    #SPIP #offline #Progressive_Web_App #spip_blog

    • #Open Source
    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 4/10/2018
    1
    @jeanmarie
    1

    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

    • #Blog Eleven Labs
    cy_altern @cy_altern CC BY-SA
    • @cy_altern
      cy_altern @cy_altern CC BY-SA 14/11/2018

      semble t’il que les service worker ne soient pas encore d’une simplicité et fiabilité éprouvée... : ▻https://www.construct.net/fr/blogs/ashleys-blog-2/service-workers-are-a-pain-in-the-ass-934

      cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 26/09/2016
    2
    @severo
    @tofulm
    2

    Offline content with service workers · MadebyMike
    ▻https://madebymike.com.au/writing/service-workers

    un tuto pour l’utilisation de service worker pour gérer l’enregistrement d’une page pour le offline

    #howto #service_worker #progressive_web_app #offline

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @booz
    BoOz @booz 10/09/2016
    1
    @kent1
    1

    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

    BoOz @booz
    • @klaus
      klaus++ @klaus 11/09/2016

      Bof, c’est interessant, mais je me rappelle encore qu’on fabriquait des sites de journal en ligne qui chargeaient en moins d’une seconde chez les lecteurs connectés à l’internet par modem. ;-)

      As-tu déja travaillé avec #pwa ?

      klaus++ @klaus
    • @booz
      BoOz @booz 11/09/2016

      J’avais testé vite fait #local_storage il y a quelques années mais pas sérieusement. A refaire aujourd’hui probablement.

      BoOz @booz
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 23/08/2016

    How we made the RioRun progressive web app | Info | The Guardian
    ▻https://www.theguardian.com/info/developer-blog/2016/aug/19/how-we-made-the-riorun-progressive-web-app

    Un retour d’expérience sur la mise en place d’une « progressive web app » avec :
    – les problèmes de service worker : voir ▻https://gist.github.com/Rich-Harris/fd6c3c73e6e707e312d7c5d7d0f3b2f9

    document.querySelector( '.fetch-content' ).addEventListener( 'click', () => {
    window.caches.open( myCache )
    .then( cache => cache.addAll( content ) )
    .then( () => alert( 'content is now available offline' ) )
    .catch( () => alert( 'oh noes! something went wrong' ) );
    });

    – la gestion du cache (y compris un système spécifique de stockage partiel pour les fichiers sons « lourds » ~92 Mo de mp3)
    #progressive_web_apps #service_worker #cache #smartphone #web_dev

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 11/08/2016
    3
    @rastapopoulos
    @tofulm
    @nicod_
    3

    Que sont les Progressive Web Apps ? - Frank Taillandier
    ▻http://frank.taillandier.me/2016/06/28/que-sont-les-progressive-web-apps

    Les Progressive Web Apps apportent les fonctionnalités attendues des applications natives à l’expérience de navigation Web sur un mobile en utilisant des technologies basées sur les standards et en tournant dans un conteneur sécurisé accessible à tous sur le Web.
    En somme, les Progressive Web Apps décrivent toute une série de technologies, de concepts d’architecture et d’API Web qui travaillent de concert pour proposer une expérience similaire aux applications natives sur le Web mobile. Voyons ensemble les quelques tenants de base des Progressive Web Apps.

    Le concept de « Progressive Web Apps » sent le marketing à plein nez mais l’idée de base est là : faire des applis web utilisables comme applis mobiles (ce qui était un des principe porté par Mozilla phone dans son concept d’OS mobile). Et au passage ça devrait permettre de se débarrasser des Truc Store et de la compilation par OS à chaque version d’une l’appli...
    Voir aussi :
    ▻https://serviceworke.rs pour des exemples de « Service workers »
    ▻https://developers.google.com/web/updates/2014/11/Support-for-installable-web-apps-with-webapp-manifest-in-chrome-3 et ▻https://w3c.github.io/manifest pour l’utilisation de fichier manifest.json pour installer une web apps

    #progressive_web_apps #service_workers #app_shell #appli_mobile #manifest.json

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire

Thèmes liés

  • #service_worker
  • #pwa
  • #javascript
  • #howto
  • #manifest.json
  • #progressive_web_apps
  • #offline