2013 년 HTML5 총정리
이 원 석 ( 삼성전자 ) /
W3C HTML5 KIG 의장 /
W3C System Applications WG 의장
Twitter: @wonsuk73

HTML5 업 계
동 향 은
?

Jan. 2013
No WebRTC in IE11?
<source: http://gigaom.com/2013/01/17/microsoft-cu-webrtc-prototype/ >

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
●
●
●
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

Feb. 2013
<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
●
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 WebKitpowered Android Browser

Mar. 2013
<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
●
●
●
●
●
●
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

April 2013
<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-dumpsjava-for-html5/ >

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

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

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

June 2013
<source: http://venturebeat.com/2013/06/05/pandoras-new-tv-web-app-brings-its-smartradio-service-to-xbox-360-ps3-smart-tvs/ >

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

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

July 2013
<source: http://thenextweb.com/google/2013/07/09/chrome-28-arrives-with-rich-notificationsfor-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
●
●
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

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

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

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

Oct. 2013
<source: hhttp://techcrunch.com/2013/09/30/google-launches-web-designer-a-visual-tool-forbuilding-interactive-html5-sites-and-ads/ >

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

Nov. 2013
<source: https://blog.mozilla.org/futurereleases/2013/11/26/chrome-and-opera-optimize-formozilla-pioneered-asm-js/ >

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 MozillaPioneered Asm.js
The New HTML5Test is Here
Chrome DevTools for Mobile: Screencasting
Devices to Desktop and Mobile Emulation

Dec. 2013
<source: http://www.gizmodo.com.au/2013/12/report-google-is-planning-chrome-appsupport-for-android-and-ios/ >

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
–
–
Runtime & Security Model, App URI, Task Scheduler,
Contacts, Messaging, Telephony, Raw Sockets
–
●
Define a runtime environment, security model, and
associated APIs for building Web applications with
comparable capabilities to native applications
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-ofpurchase, 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 Webbased 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
●
●
–
–
Performance profiler: Chrome tracing
–
Loading Time profiler: WebPage Test
–
HTML5 Cross Browser Polyfills
–
●
Mobile support, port forwarding,
A lot of video lectures from the Web
App/Service development
–
Game, Multimedia services, ...