HTML5/JavaScript/CSS3    •   Offline Storage    •   Connectivity    •   File Access    •   Semantics    •   Audio/Video   ...
Offline Storage• Cookies             4K limit• Web Storage         2.5-10Mb, Key-Pair• Web SQL Database    SQL structure• ...
HTML5/JavaScript/CSS3    •   Offline Storage    •   Connectivity    •   File Access    •   Semantics    •   Audio/Video   ...
Connectivity• Web Workers          background worked• Server-Sent Events   server sends update
HTML5/JavaScript/CSS3    •   Offline Storage    •   Connectivity    •   File Access    •   Semantics    •   Audio/Video   ...
File Access• Drag and Drop   inside of browser• FileAPI         D&D from desktop, temp, progress
HTML5/JavaScript/CSS3    •   Offline Storage    •   Connectivity    •   File Access    •   Semantics    •   Audio/Video   ...
HTML5/JavaScript/CSS3    •   Offline Storage    •   Connectivity    •   File Access    •   Semantics    •   Audio/Video   ...
HTML5/JavaScript/CSS3    •   Offline Storage    •   Connectivity    •   File Access    •   Semantics    •   Audio/Video   ...
HTML5/JavaScript/CSS3    •   Offline Storage    •   Connectivity    •   File Access    •   Semantics    •   Audio/Video   ...
HTML5/JavaScript/CSS3    •   Offline Storage    •   Connectivity    •   File Access    •   Semantics    •   Audio/Video   ...
HTML5/JavaScript/CSS3    •   Offline Storage    •   Connectivity    •   File Access    •   Semantics    •   Audio/Video   ...
JavaScript frameworks (SPA)       •   jQuery       •   Modernizr       •   Requirejs       •   Knockoutjs       •   Backbo...
Q&A
Upcoming SlideShare
Loading in …5
×

Html5 Intro

485 views

Published on

Intro to HTML5/JS/CSS3

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
485
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • m.gmail.com
  • http://slides.html5rocks.com/#web-workers
  • http://studio.html5rocks.com/#Photos
  • http://slides.html5rocks.com/#new-form-types
  • http://www.keithclark.co.uk/labs/3dcss/demo/http://helloracer.com/webgl/
  • http://slides.html5rocks.com/#text-wrapping
  • http://papademo.azurewebsites.net/
  • Html5 Intro

    1. 1. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
    2. 2. Offline Storage• Cookies 4K limit• Web Storage 2.5-10Mb, Key-Pair• Web SQL Database SQL structure• IndexedDB official, noSQL• FileSystem Very early standard• Application Cache images, js, so on..
    3. 3. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
    4. 4. Connectivity• Web Workers background worked• Server-Sent Events server sends update
    5. 5. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
    6. 6. File Access• Drag and Drop inside of browser• FileAPI D&D from desktop, temp, progress
    7. 7. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
    8. 8. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
    9. 9. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
    10. 10. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
    11. 11. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
    12. 12. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
    13. 13. JavaScript frameworks (SPA) • jQuery • Modernizr • Requirejs • Knockoutjs • Backbonejs • Durandaljs • QUnitjs
    14. 14. Q&A

    ×