Skip to content

Commit

Permalink
Update 04-html5.md
Browse files Browse the repository at this point in the history
  • Loading branch information
grunenwald authored Oct 7, 2024
1 parent 6a8bd8c commit 09300e1
Showing 1 changed file with 13 additions and 13 deletions.
26 changes: 13 additions & 13 deletions src/04-html5.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,30 +8,30 @@

# Exemples

* Vue d'ensemble : [slides](https://web.archive.org/web/20140320042652/http://slides.html5rocks.com) Google 2011 ( [sources](https://github.com/html5rocks/slides.html5rocks.com) )
* Vue d'ensemble :
* [html vs html5](https://www.wscubetech.com/blog/html-vs-html5/)
* Slides [html5 rocks !](https://web.archive.org/web/20140320042652/http://slides.html5rocks.com) Google 2011 ( [sources](https://github.com/html5rocks/slides.html5rocks.com) )
* Obslolète : ~~quota~~, ~~web sql~~ : Web Storage, ~~application cache~~ : Service Workers
* API d'accès à la [caméra](https://www.soundstep.com/blog/experiments/jsdetection/), avec du [webGL](https://auduno.github.io/clmtrackr/examples/facesubstitution.html)...
* Bachelor NIFFF 2014 : une webapp mobile pour LACIS
* MDN [Web APIs](https://developer.mozilla.org/en-US/docs/Web/API)
* Plein d'exemples
* [html5 rocks!](https://www.html5rocks.com/) => [web.dev](https://developers.google.com/web/)
* [What web can do today?](https://whatwebcando.today/)
* [Chrome Experiments](https://www.chromeexperiments.com/)
* [MDN](https://developer.mozilla.org/en-US/demos/tag/tech:html5)
* [html5 demos](https://html5demos.com/)
* [plus de demos ?](https://letmegooglethat.com/?q=html5+demos)
* Veille : [Frontend Focus](https://html5weekly.com/) (newsletter)
* Disponibilité dans les navigateurs [CanIUse.com](https://caniuse.com/), [What web can do today?](https://whatwebcando.today/)
* API d'accès à la [caméra](https://www.soundstep.com/blog/experiments/jsdetection/), avec du [webGL](https://auduno.github.io/clmtrackr/examples/facesubstitution.html)...
* Bachelor NIFFF 2014 : une webapp mobile pour LACIS
* [html5 demos](https://bestvpn.org/html5demos/) (sponsorisé), [Showcase Hongkiat](https://www.hongkiat.com/blog/48-excellent-html5-demos/)
* Veille : [Frontend Focus](https://frontendfoc.us/) (newsletter)
* Disponibilité dans les navigateurs [CanIUse.com](https://caniuse.com/)

# Progressive Web Apps

* Priorité à l'UX
* Utilise moins d'espace qu'une app native
* Avantages des 2 mondes (natif et web)
* [Article](https://infrequently.org/2015/06/progressive-apps-escaping-tabs-without-losing-our-soul/) d'Alex Russel 15.06.15
* Vue d'ensemble par [Wikipedia](https://en.wikipedia.org/wiki/Progressive_web_app)
* Support tardif par [iOS](https://firt.dev/notes/pwa-ios/) (notification: iOS16, install banner: iOS17)
* Support tardif d'[iOS](https://firt.dev/notes/pwa-ios/) (notification: iOS16, install banner: iOS17)

# PWA : howto

* [Learn PWA](https://web.dev/learn/pwa)
* Portabilité : [Progressive Enhancement](https://www.smashingmagazine.com/2009/04/progressive-enhancement-what-it-is-and-how-to-use-it/)
* Rapidité : [App Shell](https://developers.google.com/web/updates/2015/11/app-shell), cache
* Offline : [Service Workers](https://jakearchibald.com/2014/service-worker-first-draft/)
Expand All @@ -42,7 +42,7 @@

* Exemples
* [What PWA can do today](https://whatpwacando.today/)
* [Project Fugu](https://developer.chrome.com/blog/fugu-showcase/)
* [Project Fugu](https://developer.chrome.com/docs/capabilities/fugu-showcase?hl=fr)
* [Awesome PWA](https://github.com/hemanth/awesome-pwa)
* [Appscope](https://appsco.pe/)

Expand Down

0 comments on commit 09300e1

Please sign in to comment.