Becoming Responsibile for CSS

Evil Mastermind Laugh

Write, Speak, and Share

https://github.com/w3c/csswg-drafts/

discourse.wicg.io

Shout when things go wrong

Report Browser Bugs

testthewebforward.org

Help us explain the magic

Houdini is better scripting

support for styling

  • Custom Properties
  • Typed Object Model
  • Custom Paint
  • Custom Layout
  • Font Metrics
  • More

Typed OM Example

.example {
  background-position: center bottom 10px;
}
// "center bottom 10px"
exampleElement.styleMap.get('background-position').cssText;

// 50% - as a CSSSimpleLength
exampleElement.styleMap.get('background-position').x;

// calc(100% - 10px) - as a CSSCalcLength
exampleElement.styleMap.get('background-position').y;

https://github.com/w3c/css-houdini-drafts

Communicate

Shout

Script

Made with Slides.com