Open Web Apps - State of the Browser 2014
Upcoming SlideShare
Loading in...5
×
 

Open Web Apps - State of the Browser 2014

on

  • 2,970 views

Slides for my closing talk before the panel at State of the Browser in London on 26th of April 2014 covering the why and how of Open Web Apps.

Slides for my closing talk before the panel at State of the Browser in London on 26th of April 2014 covering the why and how of Open Web Apps.

Statistics

Views

Total Views
2,970
Views on SlideShare
1,837
Embed Views
1,133

Actions

Likes
10
Downloads
15
Comments
1

23 Embeds 1,133

http://christianheilmann.com 537
http://feedly.com 356
http://feeds.feedburner.com 67
http://digg.com 36
http://webeyedea.info 35
http://www.newsblur.com 33
http://www.inoreader.com 21
http://newsblur.com 18
http://feedreader.com 9
http://reader.aol.com 6
http://127.0.0.1 2
http://yoleoreader.com 2
http://localhost 1
http://activ-agence.com 1
https://reader.aol.com 1
http://amplifize.com 1
http://lanyrd.com 1
http://www12243uf.sakura.ne.jp 1
http://beta.inoreader.com 1
http://reader.gerges.lu 1
https://www.linkedin.com 1
https://twitter.com 1
http://www.hanrss.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-ShareAlike LicenseCC Attribution-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • ORDER YOUR MEDICATIONS ONLINE CALL AT OR PM.. 7609338419

    WE EX-TERN GREETINGS TO OUR OLD CLIENTS.IF YOU ARE NEW AND TO PURCHASE FROM US ,YOU HAVE NO DOUBT.WE ASSURE YOU THAT.ALL PAIN MEDS ARE HERE.

    WE ARE GENUINE AND TO AVOID PROBLEMS, YOU GET YOUR MEDS HERE AT(andersonmoore135@yahoo.com)

    PACKING AND DELIVERY ARE SAFE

    LOCATION OF PRODUCTS:USA CALIFORNIA

    SHIPPING AGENCY:FedEx AND OTHERS LIKE USPS ETC


    ORDER NOW AT: andersonmoore135@yahoo.com
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Open Web Apps - State of the Browser 2014 Open Web Apps - State of the Browser 2014 Presentation Transcript

  • Christian Heilmann (@codepo8) State of the Browser 2014 (26/04/14, London, England) OPEN WEB APPS
  • THIS IS NOT ABOUT NATIVE VS. WEB
  • WHAT MAKES A GOOD APP? • focused: fullscreen with a simple interface • mobile: works offline • contained: deleting the icon deletes the app • integrated: works with the OS and has hardware access • responsive and fast: runs smooth, can be killed without taking down the rest of the OS
  • DOES ONE THING AND ONE THING WELL!
  • CAN ALL OF THAT BE ACHIEVED WITH OPEN WEB APPS USING HTML5?
  • FOCUSED APPS
  • WORKS OFFLINE
  • USE APPCACHE AND LOCAL FORAGE NOW. https://hacks.mozilla.org/2014/02/localforage-offline-storage-improved/
  • HELP US MAKE SERVICE WORKER EPIC.
  • CONTAINED http://smus.com/installable-webapps/
  • Privileged Web App More access, more responsibility Web Content Regular web content APP TYPES Installed Web App A regular web app Certified Web App Device-critical applications
  • INTEGRATED https://hacks.mozilla.org/2014/03/better-integration-for-open-web-apps-on-android/ https://hacks.mozilla.org/2013/10/progress-report-on-cross-platform-open-web-apps/
  • ENTER CORDOVA • Camera • Contacts • Device • Device-motion • Geolocation • Orientation • Vibration
  • CORDOVA <3 FIREFOX OS (IT’S TRUE) $ sudo npm install -g cordova $ cordova create hello com.example.hello HelloWorld $ cd hello $ cordova platform add firefoxos $ cordova prepare firefoxos
  • RESPONSIVE AND FAST
  • ZOMG 60FPS!!!!
  • BEFORE THEY WERE 60FPS https://developer.mozilla.org/en-US/Apps/Build/Performance/Firefox_OS_app_responsiveness_guidelines
  • OPEN WEB APPS MEANS USING THE BEST OF APPS AND WEB. TAKE ON THE CHALLENGE!
  • FIREFOX OS MARKETPLACE https://marketplace.firefox.com/
  • INSTALL FROM THE WEB…
  • https://hacks.mozilla.org/2013/12/write-elsewhere-run-on-firefox/ ! Aquarium Plants (Android w/ hand-coded native wrapper) Calc (iOS w/ hand-coded native wrapper) Calcula Hipoteca (Amazon Appstore) Captain Rogers (HTML5 Desktop) Cartelera Panama (Appcelerator Titanium) Fresh Food Finder (PhoneGap) Picross (WebOS) Reditr (Chrome Dev Store) Speed Cube Timer (Blackberry Webworks) Squarez (C++) Touch 12i (Windows Phone/ HTML5) NOTHING IS WASTED…
  • APPMAKER! Resource lock API UDP Datagram Socket API Peer to Peer API WebNFC WebUSB HTTP-cache API Calendar API Spellcheck API LogAPI Keyboard/IME API WebRTC FileHandle API Sync API
  • THANKS! CHRIS HEILMANN @CODEPO8