The Status of Living HTML
(highlights)

Daniel Davis, W3C

@ourmaninjapan

getUserMedia

Web Sockets

WebGL

WebRTC

Cool existing things

Web Components

Responsive Images

Service Worker

JSON for form data

Other

Shiny new things

Browser support

caniuse.com

status.modern.ie

Photo by twitter.com/mamipeko

Web Components: Template

Re-usable HTML

Only parsed when they are needed

Useful for a large suite of documents

Web Components: Custom Elements

Extend existing elements

Make your own elements

Custom elements must contain a hyphen

Name validator:mothereff.in/custom-element-name

Web Components: Shadow DOM

An unseen DOM attached to an element

Encapsulation in HTML:private scope

independent of global styles

Multiple shadows possible

Shadow DOM: createShadowRoot()

Shadow DOM: rendered

Web Components: More...

w3c.github.io/webcomponents

html5rocks.com

Responsive Images

srcset attribute for

element

Art direction is possible

fallback

Responsive Images: srcset

For high pixel density screens (e.g. retina)

Responsive Images:

With single

Responsive Images:

With multiple sizes