The document summarizes web-related sessions from several developer conferences in 2016, including Microsoft Build, Google I/O, and Apple WWDC. It also discusses the CSS Houdini project, which aims to give JavaScript more control over CSS styling similar to how it can control HTML. The CSS Houdini project includes several proposed APIs and specifications related to composited scrolling, animation, properties, layout, and more. The document provides code examples and links to learn more about Houdini and demo its capabilities.

1. Web Related Sessions in Develper
Conferences
이창환(동국대 멀티미디어공학과)
slide on nazlab.wordpress.com

2. Developer Conferences
Microsoft Build 2016: 03‒30 ∼ 04‒01
Google I/O 2016: 05‒18 ∼ 05‒20
Apple WWDC 2016: 06‒13 ∼ 06‒17
2

3. Microsoft Build 2016
Build 2016:Filter Web Platform
Edge
Microsoft Edge: What's Next for Microsoft's New
Browser and Web Platform
Web Platform: An Inside Look at What’s New for
Microsoft EdgeHTML, ChakraCore, F12 Tools,
and Microsoft Edge Extensions
Five Things You Didn’t Know You Could Build
with Microsoft Edge
ASP.NET
Azure
Cross‒Platform: Universal Windows Platform(UWP),
Windows 10, Raspberry PI, etc.
Hosted Web Apps 3

4. Google I/O 2016
Web and Chrome at Google I/O 2016 on YouTube
Playlist
PWA(Progressive Web App)
AMP(Acelerated Mobile Page)
Houdini Project
Future Web: Physical Web
Development Tools
4

5. Apple WWDC 2016
Platforms State of the Union
Developer Tools/Optimizing Web Content in Your App
Media/What's New in HTTP Live Streaming
Media/Validating HTTP Live Streams
System Frameworks/Apple Pay on the Web
System Frameworks/NSURLSession: New Features and
Best Practices
System Frameworks/Networking for the Modern Internet
5

6. CSS Houdini Project
목표
자바스크립트를 통해 CSS를 HTML 수준으로 제어(Lower
API for CSS like Shadow DOM and Custom Element
for HTML)
브라우저마다 다른 CSS를 동일하게 처리
GitHub
Wiki
Drafts
6

7. Houdini Project APIs and Specs
Worklets(spec)
Composited Scrolling & Animation
CSS Properties & Values API
CSS Typed OM
CSS Paint API
CSS Layout API
Font Metrics API
CSS Parser API
Box Tree API
7

8. Articles or References : Houdini
Houdini ‒ Demystifying CSS on Progressive Web App Dev
Summit
Houdini: Maybe The Most Exciting Development In CSS
You’ve Never Heard Of
Code for the demo
Live demo using polyfill
8

9. Demo
compositor‒worklet
parallax‒scrolling: code, video
physics: code, video
twitter‒header: code, video
paint‒worklet
circle: code, video
ripple: code, video
9