How does stuff get added to CSS? Adam Argyle answers!

In this episode of Syntax, Scott and Wes talk with Adam Argyle about how stuff gets added to CSS.

LogRocket - Sponsor

LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the “How did you hear about us?” section.

Guests Adam Argyle Show Notes

01:48 - Who are you and what do you do?

04:13 - How does stuff get added to CSS?

06:44 - Github issue proposal or public document

Shares use case Problem made succinct StrawMan solution JS demo

10:12 - Time

Multiple proposals Comments Back and forth Bikeshedding

20:00 - Editor’s draft spec (Stage 1)

CSS typed Examples Provided code logic Implementor interest Can go stale Explainer Implementor Prototype behind flags in browser Intent to Prototype (I2P)

24:42 - Working Draft (Stage 2)

WPTs Prototype behind flags in browser Needs two or more to graduate Intent to Ship (I2S)

24:54 - Conference Calls

Around 10 items to discuss Issues or proposals Flexible list Things can be injected as emergency Things can get punted to the next call

25:26 - Face 2 Face (F2F)

Four times a year Presentations Breakout sessions Houdini focus groups, etc Try to resolve as many Github issues as possible

27:34 - Candidate Recommendation (Stage 3)

Could still be behind a flag Edge cases are being worked through WPTs and standards are being nudged into a final state

44:20 - Roles

Spec author Community Member Print Color Internationalization Box Model AOM JS APIs Renderers etc Implementor It’s like pub/sub, where spec authors pub and implementors sub, and the community tries to help shape the message that’s published while supporting the subscribers who need to implement and make it real

46:32 - Questions

What language is CSS written in? What's the deal with Houdini? Links https://github.com/w3c/csswg-drafts @rachelandrew @hj_chen Incomplete List of Mistakes in the Design of CSS 10 Things I Regret About Node https://ishoudinireadyyet.com/ ××× SIIIIICK ××× PIIIICKS ××× Adam Wok Scott: Balance Pad Wes: Security Bit Set Shameless Plugs Adam: The CSS Podcast Scott: CSS Design Systems - Sign up for the year and save 25%! Wes: All Courses - Use the coupon code ‘Syntax’ for $10 off! Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets