ConfPad

CSS Houdini is a collection of draft CSS specifications that all strive for the same goal, to jointly develop features that explain the “magic” of Styling and Layout on the web and give us a way to interface with the browsers CSS engine using JavaScript. The CSS Typed OM + Properties and Values API finally gives us a performant way to work with CSS in JavaScript without concatenating strings. The CSS Layout API and the CSS Painting API will expose hooks that we can tap into to modify the behaviour of CSS. We will go through the specifications and see how they fit into the CSS rendering pipeline. Keep calm, there will be code and examples. We'll look at what is supported today and what lies ahead, how to interface with CSS using JavaScript, how to create and animate CSS custom properties, how to create your own display type (as in "display: myDisplayType") and more.