75: Diana Mounter - Design Systems and Utility Classes at GitHub

FromFull Stack Radio

Start listening View podcast show

75: Diana Mounter - Design Systems and Utility Classes at GitHub

FromFull Stack Radio

ratings:

Length:

44 minutes

Released:

Oct 25, 2017

Format:

Podcast episode

Description

In this episode, Adam talks to Diana Mounter of GitHub to talk about using design systems to tame legacy CSS, and how GitHub is using utility classes to make it easier to build more consistent, maintainable user interfaces.

Released:

Oct 25, 2017

Format:

Podcast episode

Titles in the series (100)

A podcast for developers interested in building great software products. Every episode, Adam Wathan is joined by a guest to talk about everything from product design and user experience to unit testing and system administration.

Skip carousel

19: Dave Marshall - Designing Effective Tests: In this episode, Adam talks to Dave Marshall, testing guru and host of That Podcast. Dave talks to Adam about the upcoming Mockery 1.0 release and some interesting API changes destined for 2.0. They also talk about how fakes can improve your tests, fixtur by Full Stack Radio
70 min listen
1: Matt Stauffer - CSS Semantics: In our very first episode, Adam talks with Matt Stauffer of Tighten Co about OOCSS, BEM, SMACSS, preprocessors, common architecture pitfalls, and CSS semantics. by Full Stack Radio
49 min listen
10: Type Safety Roundtable with Ryan Tablada and Matt Machuga: In this episode, Adam talks with Ryan Tablada and Matt Machuga about the philosophical differences between programming in a statically typed language vs. a dynamically typed language. They talk about things like explicit interfaces vs. duck typing, functi by Full Stack Radio
70 min listen
7: Shawn McCool - BDD and DDD: In this episode, Adam talks with Shawn McCool about Behavior Driven Development and Domain Driven Design. They talk about how you can use these ideas to better understand your clients' needs and to build software that closely models their business. They a by Full Stack Radio
61 min listen
12: Jack McDade - Building Photoshoot.io and Getting Stuff Done: In this episode, Adam talks to Jack McDade creator of Statamic, about building his latest project Photoshoot.io. They also talk about how Jack juggles design and development, and how to buckle down and get things done. This episode is brought to you by H by Full Stack Radio
49 min listen
4: Alex Bilbie - OAuth 2 and API Security: In this episode, Adam gets super technical with Alex Bilbie about the OAuth 2 specification. They talk about the different grant types and what they're each appropriate for, as well as discuss some potential API security strategies for one of Adam's perso by Full Stack Radio
56 min listen
28: Jeffrey Way and Dave Marshall - "Don't mock what you don't own": In this episode, Adam talks to recurring guests Jeffrey Way and Dave Marshall about "don't mock what you don't own". They talk about how to design code that needs to work with external services, how you should test that code, and the pitfalls you run into by Full Stack Radio
58 min listen
14: Taylor Otwell - Building Envoyer, Laravel 5.1 and Learning to Program: In this episode, Adam talks to Taylor Otwell, creator of Laravel. Taylor gives an in-depth behind-the-scenes look at how Envoyer is architected, and shares some new tips and tricks he's been using to keep his code simple. They also talk about the decision by Full Stack Radio
61 min listen
6: Chris Fidao - Servers for Hackers: In this episode, Adam talks with Chris Fidao of Userscape. They talk about things every web developer should know about server administration, platform-as-a-service vs. self-hosting, Ansible, Docker, and more. by Full Stack Radio
42 min listen
13: Phil Sturgeon - Designing and Testing APIs, Go and PHP 7: In this episode, Adam talks to Philip J. Sturgeon about designing and testing APIs at Ride. They also talk about building microservices with Go, and some of the new features coming in PHP 7. This episode is brought to you by Hired. by Full Stack Radio
75 min listen
9: David Heinemeier Hansson - Architecture, Patterns and Design: In this episode, Adam talks with David Heinemeier Hansson, partner at Basecamp and creator of Ruby on Rails. They talk about the pursuit of "purity", Domain Driven Design, ActiveRecord vs DataMapper, and developing an eye for "good code". by Full Stack Radio
53 min listen
61: We're Building Products!: Adam welcomes David Hemphill back to the show, but this time as a co-host! David introduces Crondog, the new product he's working on to help developers manage dynamic recurring tasks in their applications. Adam introduces KiteTail, an app that let's you by Full Stack Radio
41 min listen
11: Jeffrey Way - "But how does it feel?": In this episode, Adam talks with Jeffrey Way of Laracasts about learning, object oriented design, testing, API usability, and whole bunch of other stuff. This episode is brought to you by Hired. by Full Stack Radio
68 min listen
2: Eric Barnes - Wardrobe, Javascript and Writing: In this episode, Adam talks with Eric Barnes of Userscape about rebuilding WardrobeCMS, trends in Javascript development, and building an audience. by Full Stack Radio
40 min listen
38: J.B. Rainsberger - Unit Testability and the Universal Architecture: In this episode, Adam talks to J.B. Rainsberger about how to keep your adapter layer thin, designing unit testable code, and the importance of paying attention to how your code is changing vs. how your code looks today. This episode is brought to you by by Full Stack Radio
65 min listen
8: Sean Devine - Ember and API first: In this episode, Adam talks with Sean Devine, host of the Ruby on Rails podcast. Sean gives Adam an introduction to building applications with Ember, and how it's different than the way you might sprinkle AngularJS into a mostly server-side app. They talk by Full Stack Radio
58 min listen
5: Ryan Singer - Jobs-to-be-Done and Product Design: In this episode, Adam talks with Ryan Singer of Basecamp about Jobs-to-be-Done thinking, UX, and product design. by Full Stack Radio
47 min listen
24: Wes Bos - What the Flexbox?!: In this episode, Adam talks to Wes Bos about solving all of your CSS problems with Flexbox. They also talk about Bootstrap 4, ReactJS, and Wes' favorite Sublime Text tips and tricks. This episode is brought to you by Laracasts. by Full Stack Radio
38 min listen
22: Corey Haines - The 4 Rules of Simple Design: In this episode, Adam talks to Corey Haines, author of "Understanding the 4 Rules of Simple Design". They talk about the importance of low-level design decisions, tricks for naming things well, why you shouldn't model your objects after the real world, an by Full Stack Radio
65 min listen
17: Adam Culp - Maximizing Your Conference Experience: In this episode, Adam talks to Adam Culp, organizer of Sunshine PHP and ZendCon. They talk about how to get into conference speaking, how to make the most of a conference as an attendee, as well as tips for running a great local user group. This episode by Full Stack Radio
46 min listen
30: Evan You - Diving Deep into Vue.js: In this episode, Adam talks to Evan You, the creator of Vue.js. Evan talks about his time at Google Creative Lab and the sort of work that inspired him to create Vue. He also explains in depth how data binding works in Vue, and how it's different and more by Full Stack Radio
37 min listen
34: Matt Machuga - Dealing with Dependencies in Active Record Models: In this episode, Matt Machuga of Think Through Math returns to talk with Adam about design options when you find yourself wanting access to a collaborator in an Active Record or Eloquent model. They discuss the pros and cons of four specific designs, and by Full Stack Radio
39 min listen
36: Jason McCreary - Building Laravel Shift: In this episode, Adam talks to Jason McCreary about building Shift, a tool that automates upgrading your application between framework versions. This episode is brought to you by Laracasts. by Full Stack Radio
33 min listen
3: Matt Machuga - Ruby, PHP, object oriented design, testing and other crap: In this episode, Adam talks with Matt Machuga of Think Through Math about being a Rubyist who still writes PHP and the differences between writing PHP like a Rubyist vs. writing PHP like a Java developer. They also talk about common struggles when learnin by Full Stack Radio
62 min listen
15: Everzet - Classicist and Mockist TDD: In this episode, Adam talks to Konstantin Kudryashov, creator of Behat and BDD Practice Manager at Inviqa. Konstantin and Adam talk about the schools of TDD, how to use test doubles effectively, and common challenges people face when trying to learn TDD. by Full Stack Radio
57 min listen
21: Chad Pytel - Sticking to your guns: In this episode, Adam talks to Chad Pytel, CEO of thoughtbot. Chad gives tips for balancing client work with internal product work, growing your client-base without compromising your principles, and applying Jobs to be Done to new client projects. This e by Full Stack Radio
49 min listen
23: Chris Hunt - How GitHub does remote work: In this episode, Adam talks to the Healthy Hacker, Chris Hunt, about how his team at GitHub works remotely. They also talk about entertaining your audience at conferences, taking a Codecation, and adventure motorcycling. This episode is brought to you by by Full Stack Radio
38 min listen
42: Justin Jackson - Marketing for Developers: In this episode, Adam talks to Justin Jackson, maker extraordinaire, about how to find new product ideas, finding customers for your products, and marketing for developers. by Full Stack Radio
53 min listen
20: Ian Landsman - Code is not a business: In this episode, Adam talks to Ian Landsman, founder of Userscape and creator of HelpSpot. Ian talks about the biggest mistakes programmers make when trying to start their own business, where to find new ideas, and why your new software product shouldn't by Full Stack Radio
71 min listen
26: Josh Pigford - What do you need when you launch?: In this episode, Adam talks to Josh Pigford, founder of Baremetrics, about what you should have ready when you start a SaaS business. They also talk about how most businesses aren't doing as well as you think, content marketing, the benefits of different by Full Stack Radio
32 min listen

More Episodes from Full Stack Radio

Skip carousel

152: Ben Orenstein - How to Stand Out When Applying for a Job at a Small Company: In this episode Adam talks to Ben Orenstein about what you can do to stand out if you’re trying to get a job at a small company. by Full Stack Radio
48 min listen
151: DHH – Building HEY with Hotwire: In this episode Adam talks to DHH about using Hotwire to develop Basecamp's new email service HEY while shipping only 40kb of JavaScript to the client. by Full Stack Radio
74 min listen
150: Secret Screencasting Tips & Behind the Scenes of Tailwind CSS 2.0: In this episode, Adam and Jack talk about all the secret tips you need to know to screencast like a pro. Then they go deep into some of the things Adam is working on for Tailwind CSS 2.0, like the new default config file. by Full Stack Radio
59 min listen
149: Choosing a Payment Processor, Radical Icons & W3C Hype: Adam and Jack discuss how it sucks when you're forced to change billing platforms, and embark upon a deep dive on the merits of Adam's favorite solutions. We also talk about Jack's recent Radical Icon launch and promotional strategy regrets, which thankfu by Full Stack Radio
57 min listen
148: Accessible Focus Styles, Tailwind Labs on YouTube, and Secret Projects: Adam and Jack talk about accessible focus styles, Headless UI, the new Tailwind Labs YouTube channel, Tailwind presets, and the progress on the great Statamic Bug-Fix-a-Thon of 2020. They also kick around what "Tailwind Lite" could be and where it might l by Full Stack Radio
60 min listen
147: Surviving GitHub Issues, the Statamic 3 Launch Aftermath, Tailwind 1.8, and Headless UI: Adam and Jack talk about strategies for keeping up with GitHub issues and coping with customer criticism, and how life is going after the Statamic 3 launch. They also talk about the new features in Tailwind 1.8, and work through some branding problems for by Full Stack Radio
80 min listen
146: Launching Statamic 3, GitHub Sponsors, Tailwind CSS v1.7, and Preparing for Laracon: Adam and Jack talk about how the Statamic 3 launch went, and adding GitHub Sponsor tiers to the Statamic GitHub organization and what to give people in exchange for sponsoring. They also talk about the new Tailwind CSS v1.7 release, and the new features l by Full Stack Radio
81 min listen
145: Statamic 3.0 and Tailwind CSS 2.0: Jack McDade joins Adam to talk about what he's been up to building up to the Statamic 3.0 launch (it's out now!) and Adam shares a bunch of ideas he's been working on for Tailwind CSS v2.0. by Full Stack Radio
76 min listen
144: Gary Bernhardt - TypeScript and Testing: In this episode, Adam talks to Gary Bernhardt about building Execute Program, why he chose to build it as a full-stack TypeScript application, and the implications using TypeScript has on what you need to test. by Full Stack Radio
85 min listen
143: Rich Harris - Svelte and Defending the Modern Web: In this episode, Adam talks to Rich Harris about Svelte, and why we should keep pushing forward with the modern web even if it's not perfect yet. by Full Stack Radio
76 min listen
142: Jason Cohen - Learning to Hire and Manage a Team: In this episode, Adam talks to Jason Cohen of WP Engine about hiring people to join the Tailwind team, figuring out what to focus on, and learning how to manage. by Full Stack Radio
55 min listen
141: Jason Fried - Running the Tailwind Business on Basecamp: In this episode, Adam talks to Jason Fried about growing the Tailwind team and how to best use Basecamp to keep his particular company organized. He also walks through tons of real examples from their recent work on HEY, sharing lots of behind-the-scenes stuff about how Basecamp use Basecamp themselves. by Full Stack Radio
67 min listen
140: Evan You - Reimagining the Modern Dev Server with Vite: In this episode, Adam is talks to Evan You about Vite, a new dev server and build tool for modern JavaScript projects. by Full Stack Radio
48 min listen
139: Alex DeBrie - DynamoDB for Relational Database Diehards: In this episode, Adam is talks to Alex DeBrie about DynamoDB, and how it compares to relational databases like MySQL. by Full Stack Radio
59 min listen
138: Tom Preston-Werner - Building Full-Stack JS Apps with Redwood.js: In this episode, Adam is talks to Tom Preston-Werner about Redwood.js, a new full-stack JavaScript framework for building edge-ready web applications. by Full Stack Radio
73 min listen
137: Tim Neutkens - Continuing to Innovate with Next.js 9.3: In this episode, Adam is talks to Tim Neutkens about what's new in Next.js 9.3 and how it's changing the way applications are built at ZEIT. by Full Stack Radio
83 min listen
136: Michael Chan - React Is Not a Rails Competitor: In this episode, Adam is joined by Michael Chan to talk about how people who identify as React developers are building real web applications, and why it seems like nobody is talking about databases or background jobs anymore. by Full Stack Radio
68 min listen
135: Lessons Learned Building Tailwind UI: In this episode, Adam is joined by Sam Selikoff to talk about some of the interesting technical challenges he faced building Tailwind UI, and how working on the project has influenced how he will build layouts in the future. by Full Stack Radio
98 min listen
134: Mark Dalgleish - You Should Be Using Layout Components: In this episode, Adam talks to Mark Dalgleish about common mistakes people make in their approach to constructing layouts, and how dedicated layout components can make your component system much easier to work with. by Full Stack Radio
57 min listen
133: Sam Selikoff - Building Production-Ready SPAs Fast with Mirage.js: In this episode, Adam talks to Sam Selikoff about Mirage.js and how to use it to build production-ready front-end applications, even if your back-end API isn't ready yet. by Full Stack Radio
63 min listen
132: Caleb Porzio - Just Enough JavaScript with Alpine.js: In this episode, Adam talks to Caleb Porzio about his new UI library Alpine.js. by Full Stack Radio
86 min listen
131: Ryan Singer - How Basecamp Builds Software: In this episode, Adam talks to Ryan Singer of Basecamp about how they plan, structure, and execute on new features. by Full Stack Radio
73 min listen
130: David Khourshid - Building Better UI Components with State Machines: In this episode, Adam talks to David Khourshid about using state machines to build UI components that are simpler and more resilient to bugs. by Full Stack Radio
54 min listen
129: Evan You - What's Coming in Vue.js 3.0: In this episode, Adam talks to Evan You about all of the changes and improvements coming to Vue.js 3.0. by Full Stack Radio
78 min listen
128: Alasdair Monk - Scaling CSS at Heroku with Utility Classes: In this episode, Adam talks to Alasdair Monk about how they approach CSS at Heroku, and how using a utility-based approach has kept their team happy for the last three years. by Full Stack Radio
61 min listen
127: Jonathan Reinink - Building Modern Monoliths with Inertia.js: In this episode, Adam talks to Jonathan Reinink about Inertia.js, a new framework he recently released that lets you build single page applications with Vue, React, or Svelte, without having to give up the productivity benefits of traditional server-side by Full Stack Radio
96 min listen
126: James Long - Building Distributed Local-First JavaScript Applications: In this episode, Adam talks to James Long (creator of Prettier) about building Actual, a local-first Electron application with no central database that syncs data peer-to-peer. by Full Stack Radio
61 min listen
125: Rob Walling - Choosing the Right Product Idea: In this episode, Adam talks to Rob Walling about choosing, validating, and marketing a viable software product. by Full Stack Radio
55 min listen
124: Leslie Cohn-Wein & Rafael Conde - Designing the User Interface at Netlify: In this episode, Adam talks to Leslie Cohn-Wein and Rafael Conde about designing and implementing new UI features at Netlify. by Full Stack Radio
56 min listen
123: Ian Landsman - Marketing and Positioning a New Tailwind CSS Product: In this episode, Adam gets some advice from Ian Landsman of Userscape on marketing and positioning a new Tailwind CSS components directory project he's working on with Steve Schoger. by Full Stack Radio
66 min listen

Related podcast episodes

Skip carousel

#013: Diana Mounter: from design silos to design system: Design systems give product designers and developers reusable, interchangeable components to make the design process efficient and repeatable. They’re a critical part of scaling—so why build everything from scratch when you can plug in pre-built... by Design Better
41 min listen
Going Serverless with Adnan Rahic: In this round of Cocktails, we are joined by Adna… by Coding Over Cocktails
36 min listen
Writing Good CSS: In this episode of Syntax, Scott and Wes talk about writing good 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... by Syntax - Tasty Web Development Treats
57 min listen
Hasty Treat - CSS Frameworks: In this Hasty Treat, Scott and Wes talk about CSS frameworks - what they are, why they’re important, and when (and when not) to use them. Stackbit - Sponsor Build modern JAMStack websites in minutes. Stackbit lets you combine any theme, site... by Syntax - Tasty Web Development Treats
27 min listen
Episode 421: RR 413: When Your Tools Interrupt Your Coding Process by Ruby Rogues
67 min listen
Take advantage of Page Templates in Dreamweaver CS3: In this episode special guest Kyle Thompson, Solutions Engineer at Adobe Systems takes us through how to create page templates using Dreamweaver CS3. Using templates can streamline your work in updating the design of your site and can be used in... by Adobe Creative Cloud TV
7 min listen
312: Managing a Design Systems Team (feat. Diana Mounter): In today's episode, Diana Mounter, who manages the design infrastructure at GitHub, helps us dive deep into a listener question about the role and expectations of a design systems manager. And we have a big round of cool things this week, including three by Design Details
58 min listen
Diving deep on CI/CD - Why you should START with it by Johannes Koch (@Lockhead): Diving deep on CI/CD - Why you should START with it by Johannes Koch (@Lockhead) by vBrownBag
44 min listen
#532: [INTRODUCING] Amazon CodeWhisperer: While the Cloud has democratized application development by giving on-demand access to compute, stor by AWS Podcast
19 min listen
Applied Machine Learning for Publishers with Naveed Ahmad - TWiML Talk #182: In today’s episode we’re joined by Naveed Ahmad, Senior Director of data engineering and machine learning at Hearst Newspapers. A few months ago, Naveed gave a talk at the Google Cloud Next Conference on “How Publishers Can Take Advantage of... by The TWIML AI Podcast (formerly This Week in Machine Learning & Artificial Intelligence)
40 min listen
Episode 420: RR 412: Asynchronous Jobs on Client Side and Server Side by Ruby Rogues
50 min listen
Continuous Integration on Travis CI with Mathias Meyer: Mathias Meyer, CEO of Travis CI, tells us everything about Continuous Integration, Continuous Deployment, and how Travis CI makesthem easy with the power of Google Cloud. by Google Cloud Platform Podcast
28 min listen
Perspectives on Kubernetes and successful cloud platforms: with Brendan Burns (Partner Architect at Microsoft Azure) by The Changelog: Software Development, Open Source
43 min listen
SE Radio 567: Dave Cross on GitHub Actions: Dave Cross, owner of Magnum Solutions and author of GitHub Actions Essentials (Clapham Technical Press), speaks with SE Radio host about GitHub actions, the value they provide, and the best practices for using them in your projects. Cross describes... by Software Engineering Radio - the podcast for professional software developers
58 min listen
#423: AWS Solutions Constructs: In this episode, Simon is joined by Ryan Hayes (Solutions Developer, AWS) as he introduces AWS Solut by AWS Podcast
19 min listen
Episode 445: RR 437: Deploying Rails Onto Kubernetes with Khash Sajadi by Ruby Rogues
56 min listen
Headless CMS Break Down & Roundup: In this episode of Syntax, Scott and Wes talk about headless content management systems — why you might want to use one, things you should take into account, and more! Sanity - Sponsor is a real-time headless CMS with a fully customizable... by Syntax - Tasty Web Development Treats
62 min listen
Community, Opensource and Kubernetes with Brendan Burns and Ganesh Ashokavardhanan by Kubernetes Bytes
55 min listen
Helm, with Matt Butcher: In celebration of Helm graduating to a top-level CNCF project, Adam and Craig talk to its creator and primary architect, Matt Butcher of the Deis Labs team at Microsoft Azure. by Kubernetes Podcast from Google
44 min listen
Episode 356: JSJ 352: Caffeinated Style Sheets: Supporting High Level CSS with JavaScript with Tommy Hodgins by JavaScript Jabber
50 min listen
What’s New in Web Development: In this episode of Syntax, Scott and Wes talk about what’s new in web development: new promise static methods, new CSS functions, PWAs and more! Sentry - Sponsor If you want to know what’s happening with your errors, track them with Sentry.... by Syntax - Tasty Web Development Treats
49 min listen
Accessibility: In this episode Wes and Scott dive into the very big topic of accessibility, from the basics and easy wins to best practices, tools, resources and more! Cloudinary - Sponsor Cloudinary is a heavy duty media hosting stack for your websites and... by Syntax - Tasty Web Development Treats
74 min listen
Building Scalable and Reliable Machine Learning Systems - Arseny Kravchenko by DataTalks.Club
51 min listen
A Discussion on Automation with Watts Humphrey Award Winner Rajendra Prasad: In this SEI Podcast, Mike Konrad, a principal researcher in the SEI's Software Solutions Division, talks with 2020 IEEE Computer Society SEI Watts Humphrey Software Quality Award winner Rajendra Prasad of Accenture about automation and how... by Software Engineering Institute (SEI) Podcast Series
37 min listen
JSJ 422: CSS and Houdini with Una Kravets: Una Kravets talks to the panel about CSS and its future. We dive into what Houdini is and how much of it is implemented in the browsers. She explains how the changes outlined in Houdini will improve the user experience on the web and developer experience for web developers. by JavaScript Jabber
61 min listen
Accelerating Kubernetes Adoption: Unleashing the Power of GitOps using Kubefirst by Kubernetes Bytes
61 min listen
Azure Improves Slowly: Last week in security news: Azure messed up a regular expression, Deploy a dashboard for AWS WAF with minimal effort, what’s new in the world of tools, and more! by AWS Morning Brief
5 min listen
150: Working with design systems by Design Life
33 min listen
Potluck - Frameworks vs Libraries × Debugging × CSS Modules vs Styled Components × Resumes × Stress Management × More!: It’s another potluck! In this episode, Scott and Wes answer your questions about frameworks vs libraries, improving your debugging skills, building a component library, CSS modules vs styled components, writing a good resume, stress management, and... by Syntax - Tasty Web Development Treats
68 min listen
CSS the ??? Cool Parts: In this episode Wes and Scott talk about the cool parts of CSS! From filters to variables, here are some cool (and amazing) things you can do with CSS in 2019. Sentry - Sponsor If you want to know what’s happening with your errors, track them... by Syntax - Tasty Web Development Treats
58 min listen

Discover this podcast and so much more

75: Diana Mounter - Design Systems and Utility Classes at GitHub

75: Diana Mounter - Design Systems and Utility Classes at GitHub

Description

Titles in the series (100)

More Episodes from Full Stack Radio

Related podcast episodes