of 118 /118
Slides @ OSC Tokyo 2012 on 2012/09/07 by Tomoya Asai (dynamis) HTML5 + Firefox OS Last Update: 2012/09/07

HTML5 + Firefox OS

Embed Size (px)

DESCRIPTION

OSC Tokyo で使用したスライド(当日使用しなかったページも少し追加)

Text of HTML5 + Firefox OS

  • 1. HTML5 + Firefox OS Slides @ OSC Tokyo 2012 on 2012/09/07 by Tomoya Asai (dynamis)Last Update: 2012/09/07

2. about: 3. about:dynamis Mozilla Japan http://[email protected]/ dynamis mailto: Tomoya ASAI 4. Foxkeh 5. 2006/09/01 6. "HTML5" 7. 8. The term "HTML5" is widely used as a buzzword to referto modern Web technologies... WHATWG HTML http://whatwg.org/html - Introduction 9. "HTML5" Web WHATWG HTML http://whatwg.org/html - Introduction 10. "HTML5" Web HTML5 ... 11. HTML : 1989 Tim Berners-Lee 12. http://foxkeh.jp/downloads/ 13. http://foxkeh.jp/downloads/ 14. HTML4 1989: HTML 1990: Web 1994: W3C 1995: HTML 2.0 RFC 1997: HTML 3.2 W3C HTML 4.0 W3C 15. W3C XHTML 1998: XML 1.0 HTML4 XML 2000: XHTML 1.0 HTML4 XML 2001: XHTML 1.1 HTML4 16. W3C XHTML 2.0 2001: IE6 XHTML ()2004: WHATWG Mozilla & Opera W3C HTML4 Mozilla & Opera Apple WHATWG 17. W3C WHATWG 2006: IE7 XHTML XHTML 2.0 W3C 2007: HTML WG WHATWG HTML5 Firefox XHTML 1.1 XForms IE ... 18. W3C 2008: W3C HTML5 WHATWG 2009: W3C XHTML 2.0 WG Web 2011: W3C HTML5 2014: HTML5 () W3C 19. It is necessary to evolve HTML incrementally. The attempt toget the world to switch to XML... all at once didnt work. "Reinventing HTML" by Tim Berners-Lee 20. HTML ... "Reinventing HTML" by Tim Berners-Lee 21. The drag-and-drop API is horrible, but it has one thing goingfor it: IE6 implements it, asdo Safari and Firefox.Ian Hickson http://twitter.com/ Hixie/status/4075253361 22. Drag & Drop API IE6 Safari Firefox Ian Hickson http://twitter.com/ Hixie/status/4075253361 23. HTML5 = HTML4++ HTML4 HTML5 Web HTML5 24. "HTML5" Web 25. Multi MediaMouse,HTML5 Key ev.FormsW3COineHTML5 HTML5SupportParser WAI-XHTML5 ARIA Semantic Elements 26. Canvas Web WHATWG Messag-ing Multi Web MediaMouse,SocketsHTML5 Key ev.FormsW3C Server-OineHTML5 HTML5SupportSent ev.Parser Web WAI-XHTML5 Storage ARIA Semantic Elements Web WorkersMicro-HTMLData 27. Canvas Web WHATWG Messag-ing Multi Web MediaMouse,SocketsHTML5 Key ev.FormsW3C Server-OineHTML5 HTML5SupportSent ev.Parser Web WAI-XHTML5 Storage ARIA Semantic Elements Web Media Workers LayoutQueriesMicro-HTMLData Trans CSS3~FlexBox form AnimRegions ation 28. KhronosSMILVibra- tion WebGL Geo-SVG other locationOrien-tation Canvas WHATWGWebIETFMessag-ingWebMultiSPDY WebSocketsDNTMedia Mouse,SocketsHTML5 Key ev. XHR2FileAPI CSPFormsW3C Server-Oine ECMAHTML5 HTML5SupportSent ev. ECMA ScriptParserIndexedWeb WAI- DBXHTML5Storage ARIASemanticElements WebMediaWorkers Layout QueriesMicro- HTML Data TransCSS3~Flex BoxOGPXPathform RSSAnim MathRegionsationML WOFFDOM4 29. KhronosSMILVibra-MP3WebCLWebm Opus tion WebGL Geo-SVG H.264 other locationOrien- WebAudioNoti-tation Web Canvascation WHATWGWebIETF RTCMessag-ingWebTCP TelMultiSPDY WebSocketsDNT SocketMedia Mouse,SocketsHTML5 Key ev. XHR2RadioFileAPICSPForms NetW3C Server- InfoOineECMAHTML5 HTML5SupportSent ev. ECMA Script ECMA NFCParser 6thIndexedWeb Device WAI- DBStorage StorageXHTML5 ARIASemanticWebElements WebSQLMedia USBWorkers Layout QueriesFileMicro-Sys HTML Data TransCSS3~Flex BatteryStatus BoxOGPXPathformProxi-AnimmitySchema RSS MathRegions.orgationML WOFFRDF DOM4 30. "HTML5" Web Web TV... HTML CSS 31. "HTML5" Web Web 2.0 32. HTML5 < HTML