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