---
type: podcast
authors:
  - alex-patterson
  - brittney-postma
episode: 31
guests:
  - greg-whitworth
recording_date: June 9, 2022 2:15 PM
season: 2
published: published
podcast: CodingCat.dev
chapters_done: true
cloudinary_convert: false
cover: https://media.codingcat.dev/image/upload/v1657713352/main-codingcatdev-photo/Standardized-design-system.jpg
devto: https://dev.to/codingcatdev/231-creating-a-standardized-design-system-for-the-web-2b57
excerpt: Greg talks with us about running the OpenUI working group. We talk in detail and give demos on standardizing components across the major browser vendors.
hashnode: https://hashnode.codingcat.dev/podcast-creating-a-standardized-design-system-for-the-web
picks:
  [
    { author: 'alex-patterson', name: 'Fastify', site: 'https://www.fastify.io/' },
    {
      author: 'alex-patterson',
      name: 'Fastify v4',
      site: 'https://medium.com/@fastifyjs/fastify-v4-ga-59f2103b5f0e'
    },
    {
      author: 'alex-patterson',
      name: 'Mac Studio',
      site: 'https://www.apple.com/mac-studio/specs/'
    },
    {
      author: 'brittney-postma',
      name: 'Design Systems News',
      site: 'https://news.design.systems/'
    },
    {
      author: 'brittney-postma',
      name: 'Water Enhancers',
      site: 'https://www.walmart.com/browse/food/water-enhancers/976759_976782_8978567_8932412'
    },
    { author: 'greg-whitworth', name: 'Open UI Discord', site: 'https://discord.gg/C4bSjKae' },
    {
      author: 'greg-whitworth',
      name: 'Binging Legal Eagle youtube reviews of lawyers in movies',
      site: 'https://www.youtube.com/c/LegalEagle'
    }
  ]
slug: creating-a-standardized-design-system-for-the-web
sponsors:
  - storyblok
spotify: https://open.spotify.com/episode/43WexCiAnnjZlcSyFvqzxW?si=5ux-aAWdQ_i85SRCbCIb6Q
start: July 13, 2022
title: Creating a Standardized Design System for the Web
youtube: https://www.youtube.com/watch?v=yfV2jkQgwUI
---

## Questions

1. Can you tell us about your background?
   1. Salesforce [LWC](https://developer.salesforce.com/docs/component-library/documentation/en/lwc) web component framework.
2. Why do web components not get used more?
3. How did Open UI get started?
4. Why do we need Open UI?
   1. browser compatibility
5. What components are available?
6. Accent Color Support - [https://caniuse.com/?search=accent](https://caniuse.com/?search=accent%20)
7. Select Menu Example - [https://css-tricks.com/the-selectmenu-element/](https://css-tricks.com/the-selectmenu-element/)
8. [Nicole Sullivan](https://twitter.com/stubbornella) Google Chrome team, worked with
9. How to get involved?
10. What needs work?
11. CSSWG and Houdini
