2013 년 HTML5 총정리

이 원 석 ( 삼성전자 ) / W3C HTML5 KIG 의장 /

W3C System Applications WG 의장

Twitter: @wonsuk73

HTML5 업 계 동 향 은 ?

<source: http://gigaom.com/2013/01/17/microsoft-cu-webrtc-prototype/ >

No WebRTC in IE11?

Jan. 2013

<source: http://blog.chromium.org/2013/02/hello-firefox-this-is-chrome-calling.html >

Jan. 2013

<source: http://www.pocket-lint.com/news/119041-opera-ice-new-webkit-browser >

Jan. 2013

Jan. 2013

● Chrome 25 Beta Released: Introduces Content Security Policy, Shadow DOM, and Web Speech API

● PhoneGap 2.3.0 Released● Chrome For Android Gets A Beta Channel For Early

Adopters And Testers● Web MIDI API: W3C Editor's Draft● Microsoft Pushes Ahead With Its Own Take On WebRTC● Opera Ice: A New WebKit-based Browser for Android and

iPhone (coming February)● PolyCrypt: A WebCrypto API Polyfill Funded by the US

Department of Homeland Security

Jan. 2013

● Audio5js: The HTML5 Audio Compatibility Layer● Developing A Responsive, Retina-Friendly Site● Cross-Origin Resource Sharing (CORS) Spec

Becomes W3C Candidate Recommendation● Hello Firefox, This is Chrome Calling!● Microsoft Launches modern.ie: Testing Made

Easier in Internet Explorer● New Roles for Brendan Eich at Mozilla● Google Adds ARM Support to Native Client in

Chrome 25

<source: http://slashdot.org/story/13/02/12/014257/ >

Feb. 2013

<source: http://www.mozilla.org/en-US/firefox/19.0/releasenotes/ >

Feb. 2013

<source: http://www.paulirish.com/2013/webkit-for-developers/ >

Feb. 2013

Feb. 2013

● Opera Switches to WebKit and V8 (And Reaches 300 Million Users)

● Intel's Tool to Port Native iOS Code to HTML5● The CSS Grid Layout Spec Reaches W3C Editor's Draft● W3C Declares DRM In-Scope For HTML● Making the Move to HTML5 as a Console Game Developer● Firefox 19 Released: Gets Built-in HTML5-powered PDF

Reader● Why Mozilla Matters● 2012 into 2013: Web Standards in Perspective

Feb. 2013

● IE10 for Windows 7 Globally Available for Consumers and Businesses

● Google Releases Chrome 25● Intel Acquires AppMobi's HTML5 Developer

Tools And Staff● WebKit for Developers● Opera Releases Beta Version of New WebKit-

powered Android Browser

<source: http://browserdiet.com/ >

Mar. 2013

<source: http://ejohn.org/blog/asmjs-javascript-compile-target/ >

Mar. 2013

<source: http://infrequently.org/2013/06/sfuturepromiseg/ >

Mar. 2013

Mar. 2013

● Browser Diet: A Practical Look At Losing Weight (In The Browser)

● First Rough Draft of the 'Web Components' Spec Released

● Mozilla Shows Off Powerful New Developer Tools for Firefox

● CanvasMark 2013: An HTML5 Canvas 2D Rendering and JavaScript Benchmark

● Chrome 26 Released: Spell Check Improvements, Multi-User Desktop Shortcuts On Windows, and More

●

Mar. 2013

● asm.js in Firefox Nightly● Mozilla and Epic Games Bringing Unreal

Engine 3 to the Web● Mozilla and Samsung Collaborate on Next

Generation Web Browser Engine● Firefox 20: Improved Private Browsing and

More WebRTC And HTML5 Features● 'Futures' Added to the DOM Standard

<source: http://blog.chromium.org/2013/04/blink-rendering-engine-for-chromium.html >

April 2013

<source: http://generatedcontent.org/post/47216611856/ie11 >

April 2013

<source: http://techblog.netflix.com/2013/04/html5-video-at-netflix.html >

April 2013

<source: http://news.cnet.com/8301-1023_3-57580221-93/its-about-time-runescape-dumps-

java-for-html5/ >

April 2013

April 2013

● Blink: A Rendering Engine for The Chromium Project

● Chrome 27 Beta: A Speedier Web and New HTML5 Forms

● IE11: What We Know and What We Can Speculate

● What Does The Web Platform Need Next?● Intel Announces 'XDK' HTML5 Development

Environment

April 2013

● Netflix Plans Its Move From Silverlight to HTML5 Video

● RuneScape Dumps Java for HTML5● NCSA Mosaic 1.0 Released 20 Years Ago● Addition of 'main' Tag to HTML5 Spec Due

This Week● The State Of HTML5 Video● Bleeding Edge Firefox Feature Roundup

<source: https://brendaneich.com/2013/05/today-i-saw-the-future/ >

May 2013

May 2013

● Two.js: Renderer-Agnostic 2D Drawing API for Modern Browsers

● Turbulenz Engine Goes Open Source● The CSS Zen Garden Turns 10 Years Old and

Reopens● Today I Saw The Future: Video Codecs Built on Web

Technologies● Firefox 21 Released: Firefox Health Report, Scoped

Stylesheets, and HTML5's 'main' Element● Perspectives on 'Encrypted Media Extension' Reaching

First Public Working Draft

May 2013

● Real-time Communication with WebRTC [video]● Chrome 27 Arrives with 5% Faster Page Loads● The Elusive Universal Web Bytecode● WebRTC Is Growing Fast: Soon to Surpass One

Billion Devices● Google Has Already Removed 8.8M Lines Of

WebKit Code From Blink● Polymer: A New 'Web Components'-Based

Library

May 2013

● Microsoft Teases Internet Explorer 11 WebGL Support on Vine

● Canvas Blending Is Now in Chrome Canary, WebKit Nightly and Firefox

<source: http://venturebeat.com/2013/06/05/pandoras-new-tv-web-app-brings-its-smart-

radio-service-to-xbox-360-ps3-smart-tvs/ >

June 2013

<source: http://clb.demon.fi/html5scummvm/monkey/monkey.html >

June 2013

June 2013

● 5 HTML5 JavaScript APIs to Keep An Eye On● W3C Releases Updated Working Draft of

HTML 5.1● Google Will Soon Launch Google Web

Designer, A Free HTML5 Development Tool● EFF Makes Formal Objection to DRM in

HTML5● Why Pandora Wants to Grow Its Presence On

Connected TVs with A New HTML5 App

June 2013

● Opera Features and the New Opera Release Cycle

● Optimizing your JavaScript game for Firefox OS

● HTML5 ScummVM: Play LucasArts Adventure Games in the Browser

<source: http://thenextweb.com/google/2013/07/09/chrome-28-arrives-with-rich-notifications-

for-apps-and-extensions-on-windows-mac-and-linux-coming-soon/ >

July 2013

<source: https://hacks.mozilla.org/2013/07/web-audio-api-comes-to-firefox/ >

July 2013

July 2013

● Introducing Internet Explorer 11 (Preview)● Opera 15 (Now Based on Chromium/Blink)

Released for Windows and Mac● Chrome 28 Released: Powered by Blink● The Web Audio API Comes to Firefox● WebGL2: New, Experimental WebGL

Implementation Built on OpenGL ES 3.0● Adobe PhoneGap 3.0 Released

<source: http://services.w3.org/htmldiff?doc2=http://www.w3.org/TR/2013/CR-html5-

20130806/ >

Aug. 2013

<source: http://js13kgames.com/ >

Aug. 2013

Aug. 2013

● HTML5 Candidate Recommendation Updated● Firefox 23 Released: The Release Notes● js13kGames HTML5 and JavaScript Game

Development Competition Launches● jsPDF: HTML5 and JavaScript PDF Generator● Introducing Brick: Minimal-markup Web

Components for Faster App Development

Sept. 2013

● Treasure Arena: A Multiplayer HTML5 'Battle Arena' Game

● Firefox 24 for Android Gets WebRTC Support by Default

● A New Chrome for iOS 7: Better Google Apps Integration and Improved Voice Search

● Introducing the Qt WebEngine, Powered by Blink

● Phaser 1.0: A Desktop and Mobile HTML5 Game Framework

<source: hhttp://techcrunch.com/2013/09/30/google-launches-web-designer-a-visual-tool-for-

building-interactive-html5-sites-and-ads/ >

Oct. 2013

Oct. 2013

● Google Launches 'Web Designer' HTML5 Creation Tool

● HTML5-based Flash Player (Shumway) Lands in the Mozilla Firefox Codebase

● Internet Explorer Has No Plans to Support Web Components Yet

● Firefox 25 Released: The Web Audio API Goes Mainstream

● Preview CanIUse.com's New Features● Good News for H.264 Video Support in Firefox,

Thanks to Cisco

<source: https://blog.mozilla.org/futurereleases/2013/11/26/chrome-and-opera-optimize-for-

mozilla-pioneered-asm-js/ >

Nov. 2013

Nov. 2013

● Opera Desktop 18 Released: Introduces WebRTC Support

● IE11 for Windows 7 Now Globally Available● Using Chrome DevTools to Improve Your Mobile

Workflow● Chrome and Opera Optimize for Mozilla-

Pioneered Asm.js● The New HTML5Test is Here ● Chrome DevTools for Mobile: Screencasting

Devices to Desktop and Mobile Emulation

<source: http://www.gizmodo.com.au/2013/12/report-google-is-planning-chrome-app-

support-for-android-and-ios/ >

Dec. 2013

Dec. 2013

● Report: Google Planning Chrome App Support For Android And iOS

W3C HTML5 표 준 화 동 향 ?

2013 Headlights projects in W3C

● Web Payments– Payments Task Force– Web Payment APIs

● HTML5 Performance– Web Performance WG and Performance Task Force– Identifying the performance issues

● Where are the bottlenecks?

● Closing the Gap with Native– Core Mobile Web Platform ("Coremob") Community

Group in 2012– Web and Mobile Interest Group in 2013

Web-based operating systems

● W3C launched the System Applications Working Group in October 2012– Define a runtime environment, security model, and

associated APIs for building Web applications with comparable capabilities to native applications

– Runtime & Security Model, App URI, Task Scheduler, Contacts, Messaging, Telephony, Raw Sockets

– Application Lifecycle and Events(based on ServiceWorker)

● Web Applications Working Group plans to take up work on a JSON-based manifest format– Manifest for Web Applications

Packaging and Offline Use

● HTML5 App cache is widely deployed● However, the community has concluded it

does not address enough use cases later moved to the Web Applications Working Group.

● Discussions started in the Fixing Application Cache Community Group– That group has recently begun work on use cases

for the next generation of App Cache and a JSON-based packaging format

Performance

● For some applications, developers turn to native for high performance

● Developers surveyed earlier this year indicated "they are optimistic and think it’s just a matter of time for [Web] run-times to meet their needs”

● W3C proposed to recharter the group with a new set of priorities discussed at the November 2012 Workshop on Web Performance

● Performance Task Force, part of Headlights 2013, is taking a look at performance beyond individual specifications

●

Security

● The Web Application Security Working Group – Candidate Recommendations of Cross-Origin

Resource Sharing– Candidate Recommendations of Content Security

Policy 1.0

Payments

● Open Web Platform does not yet offer standard ways to transfer money, demonstrate proof-of-purchase, and meet other payment needs

● Without a standard, developers are forced to turn to native platforms, or use solutions that work for one service provider but not another

● Web Payments Community Group● Payments Task Force for Headlights 2013 is

looking at opportunities and challenges for Web-based payments

HTML5 Extension Specifications

● Encrypted media extensions– W3C received a petition with more than 20,000

signatures requesting the work be dropped

● Media source extensions● srcset attribute● picture element● TextTrackRegion API● Ruby markup extensions● extra

Interoperability

● Many W3C Working Groups create test suites (for instance, as part of Candidate Recommendation), but more is needed.

● W3C has launched a comprehensive test program for the Open Web Platform

● Test the Web Forward event● Create a common infrastructure for W3C groups

and foster community so that it is easier to write and submit tests, run tests, display results, understand where tests are needed, and prioritize test development.

Awesome features in HTML5

● Web Components– Templates, Decorators, Custom Elements, Shadow

DOM, Imports● WebRTC

– P2P connection, P2P data API and DTMF, Media stream API

● Web Audio API

● CSS

– Regions, Exclusions, Shapes, Filter effects, ...

Wrap up!

● Browser/Web OS & W3C – close the gap with Native – Fast developing awesome features

● e.g. WebRTC, Web Components, EME, MSE, Web Audio, Crypto API, CSS filter, masking, regions, exclusions, shapes, flexbox, …

● ES6 – promise, ...– Keep enhancing performance

● CG, GPU, Rendering, Loading Time(ServiceWorker?), …● Dev. Tools

– Mobile support, port forwarding, – Performance profiler: Chrome tracing– Loading Time profiler: WebPage Test– HTML5 Cross Browser Polyfills– A lot of video lectures from the Web

● App/Service development

– Game, Multimedia services, ...