Reflections on Responsive Design and Early Mobile Testing

Scott and Wes talk with Scott Jehl about the benefits, challenges, and use cases of web components, particularly in design systems and performance.

• 00:00 Welcome to Syntax!
• 00:55 Scott’s background and career
  • Responsible Responsive Design
  • Webpagetest.org
• 06:46 An overview of web components
• 09:06 Why should people care about web components?
• 13:16 Should you write your own web components?
• 14:39 Reactivity in web components
• 15:56 DOM parts
• 18:23 Styling web components
• 22:08 Brought to you by Sentry.io
• 22:33 CSS custom properties
  • Mux Player Customizer
• 24:28 Responsive video
• 28:27 The polyfill use case
• 30:55 Shadow DOM challenges
• 36:04 Web components in design systems
• 41:58 How are people using web components?
• 43:25 Web components and server-side rendering
• 45:00 Scott’s thoughts on build tools
• 47:33 Sick Picks & Shameless Plugs

• Scott: Enhance

• Scott:
  • Squarespace is hiring
  • Web Components Demystified - Get 30% off with coupon code “syntax”
  • Web Components Community Group

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads