Skip to content

Instantly share code, notes, and snippets.

@flaki flaki/framsia.md
Created Jun 1, 2016

Embed
What would you like to do?

Did you know your webapp had superpowers? by Szmozsánszky István (Flaki), Frontend Trainer @ DPC Consulting

Progressive Webapps' are just the nicer-sounding version of 'YES, the web can now do that too!' to inquiries about features that were previously reserved for native apps only.. but we are well past that point when offline-first or even native web-based push notifications were news. The unstoppable evolution of web technologies have moved onto greener pastures: storage improvements, improved JavaScript hardware access and new low-level APIs (like service workers themselves) make it possible to shout into your phone to control a game, transpile unsupported JavaScript features on demand and some other exciting/handy/futuristic usecases we are going to explore.

nolan pwa https://nolanlawson.github.io/pwas-2016-05-hackerlounge/ live streamed tomorrow

jeremy keith https://adactio.com/journal/10708

phonegap https://remysharp.com/2016/05/28/state-of-the-gap

purpose of PhoneGap to cease to exist

instagram

  • The ability to focus the camera (when used as an inline object)
  • Access to list camera roll images (inline)
  • Inbound share intent (i.e. sharing to our web app, aka "web intents" of yesteryear)
  • Client side transcoding and compression (of video in particular)
  • Filters via WebGL (and using CSS for fast previews)
  • Inline video and audio playback (long available in Chrome and hackable for iOS)
  • Fast loading shell: Service Workers and Intersection Observer API
  • Push notifications

https://soledadpenades.com/2016/05/17/why-is-instagram-not-a-website-yet/ https://hacks.mozilla.org/2016/04/record-almost-everything-in-the-browser-with-mediarecorder/

http://exp.bartekdrozdz.com/app/webfilter/

https://kosamari.github.io/fokus/

screamy bird https://twitter.com/Glench/status/732294760145117184

https://una.im/CSSgram/

http://grafijs.org/

diff cam https://diff-cam-scratchpad.herokuapp.com/diff-cam-example/

service worker v1

foreign fetch https://wiki.whatwg.org/wiki/Foreign_Fetch

streaming https://jakearchibald.com/2016/streams-ftw/

https://github.com/bahmutov/babel-service

https://medium.com/@slsoftworks/beyond-offline-bf5c013ec8e7 https://blog.wanderview.com/blog/2015/10/13/patching-resources-in-service-workers/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.