Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Life of html5 (osaka)

697 views

Published on

HTML5感。大阪で使用したスライド

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Life of html5 (osaka)

  1. 1. 2
  2. 2. 3
  3. 3. 
 

  4. 4.
  5. 5.
  6. 6. “the term "HTML5" is widely used as a buzzword to refer to modern Web technologies”
  7. 7. 
 

  8. 8. "The drag-and-drop API is horrible, but it has one thing going for it:
 IE6 implements it,
 as do Safari and Firefox."
  9. 9.
  10. 10. "It is necessary to evolve HTML incrementally. The attempt to get the world to switch to XML, ... all at once didn't work."
  11. 11. 
 
 

  12. 12.
  13. 13. 
 

  14. 14. 30 W3C
 HTML5 Element s & WAI- ARIA HTML5 Parser multi media Content Model app cache section s HTML5 Forms
  15. 15. 30 ECMAScript
 2015 CSS Snapshot 2015 WHATWG W3C
 HTML5 Element s & WAI- ARIA HTML5 Parser Web Workers Web Socket s Canvas 2D multi media Content Model app cache section s HTML5 Forms Server- Sent ev. Filter Layout Media trans- form Tran- sitions & Anima- tions Flex Box Multi Colum Fonts User Inter- Shapes text decora- Pro- mise Class Modul e block scope Typed Array Arrow Func. Templat e Gene- rators Micro- data Itera- tors Proxy Collec- tions Mask- ing Web Storage
  16. 16. 30 Net Info Web Socket APNG Full- screen ECMAScript
 2015 CSS Snapshot 2015 WHATWG W3C
 HTML5 URL HTTP TLS Element s & WAI- ARIA HTML5 Parser Web Workers Web Socket s Canvas 2D multi media Content Model app cache section s HTML5 Forms Server- Sent ev. geo- locatio Orient ation Notifi- Presen - SSL Opus mp3 H. 264 FilterSVG WOFF Math ML RSS Layout Media trans- form Tran- sitions & Anima- tions Flex Box Multi Colum Fonts User Inter- Shapes text decora- Indexed DB vibra- tion SMIL VP10 HSTS CORS RDF RDFa DNT VP9 Web Open Media VP8 HTTP/2 PNG Batter y Shared Workers Web Crypto Page Visibilit File Pointer Pro- mise CSP Class Modul e block scope Typed Array Arrow Func. Templat e Gene- rators Navi. Timing Beacon Writing Mode Web Anima- tions IETF OGP Micro- data data Itera- tors Proxy Collec- tions Permi- ssions DOM fetch EME Brotli Mask- ing Progressive Enhancement Web Storage Quarks Mode UI Events QUIC Origi HPKP
  17. 17. 30 Net Info Web Socket APNG Full- screen WebRTC HTML Components ECMAScript
 2015 CSS Snapshot 2015 WHATWG W3C
 HTML5 URL HTTP TLS Element s & WAI- ARIA HTML5 Parser Web Workers Web Socket s Canvas 2D multi media Content Model app cache section s HTML5 Forms Server- Sent ev. geo- locatio Orient ation Notifi- Game- pad Media data channe Presen - Push SSL Media Recorder Opus mp3 H. 264 Service Worker FilterSVG WOFF Math ML RSS Layout Media trans- form Tran- sitions & Anima- tions Flex Box Multi Colum Fonts User Inter- Shapes text decora- Indexed DB vibra- tion SMIL VP10 HSTS CORS RDF RDFa DNT VP9 Web Open Media VP8 HTTP/2 PNG Web Audio Batter y Generi c Shared Workers SIMD Web Crypto temp- lates Shadow DOM Custom Element s Page Visibilit FIDO Grid Layout File Pointer MIDI Speech Pro- mise CSP Class Modul e block scope Typed Array Arrow Func. Templat e Gene- rators Async Func. Navi. Timing Beacon Exclu- sions Writing Mode Web Anima- tions IETF Khronos OGP Game, VR & High
 Performance Apps Progressive Web Apps Real-Time
 Communications Device
 Control Extensible
 for Anything! Micro- data data ORTC WebVR Shared Mem. Itera- tors Proxy Collec- tions asm.js Permi- ssions DOM WebGL fetch Web Assembl y EME Brotli Mask- ing Progressive Enhancement Web App Manifest Web Storage Quarks Mode UI Events QUIC Origi Blue- tooth USB HPKP
  18. 18.
  19. 19.
  20. 20. 44
  21. 21. 
 
 

  22. 22.
  23. 23.
  24. 24. 
 
 

  25. 25.

×