- Shadow DOM
- DOM & style encapsulation boundaries
- Custom Elements
- create new HTML elements - expand HTML's existing vocabulary
- extend existing DOM objects with new imperative APIs
- HTML Templates
- inert chunks of clonable DOM. Can be activated for later use (e.g. MDV)
- HTML Imports
<link rel="import" href="x-foo.html">:root {
var-main-color: #06c;
var-accent-color: #006;
}
/* The rest of the CSS file */
#foo h1 {
color: var(main-color);
}Blink and WebKit use a compositor to display web contents to the user's screen. But how do we take a render tree (the browser's internal representation of a web page) and display it using a compositor? How do we decide what content should have a separate compositing layer, and how does compositing benefit us? In this presentation, Chrome software engineer Shawn Singh will introduce basic concepts of compositing, and then we will focus on how Blink bridges the gap between the render tree and the compositor. This is only a slice of the overall rendering architecture, but it will be fun and insightful for any web developers and browser developers with an interest in how Blink and WebKit render web pages.
Web Components are going to fundamentally change the way we think, build, and consume web apps. ShadowDOM, Mutation Observers, custom elements, MDV, Object.observe(), CSS. How does it all fit together? This session will prepare you for the future of the web platform by discussing the fundamentals of web components and how we can use them today with frameworks like AngularJS.
