JSJ 397: Design Systems with Kaelig Deloumeau-Prigent

JSJ 397: Design Systems with Kaelig Deloumeau-Prigent

Kaelig Deloumeau-Prigent is a self taught web developer from west France. He has worked for BBC, The Guardian, and The Financial Times in the UK. He has also worked in the US for SalesForce and currently works for Shopify on their Polaris design system. Shopify has multiple design systems, and Polaris is open source. Today the panel is talking about design systems and developer tooling around design systems. To begin, Kaelig explains what a design system is. A design system is all of the cultural practices around design and shipping a product. It includes things like the words, colors, spacing grid system, and typography, plus guidance on how to achieve that in code. The panelists discuss what has made design systems so popular. Design systems have been around for a while, but became popular due to the shift to components, which has been accelerated by the popularity of React. The term design system is also misused by a lot of people, for it is much more than having a Sketch file. Next, they talk about whether design systems fall under the jurisdiction of a frontend developer or web designers. Kaelig has found that a successful design system involves a little bit of everyone and shouldn’t be isolated to one team. They talk about what the developer workflow looks like in a design system. It begins with thinking of a few common rules, a language, and putting it into code. As you scale, design systems can become quite large and it’s impossible for one person to know everything. You either give into the chaos, or you start a devops practice where people start to think about how we build, release, and the path from designer’s brain to production.The panelists then talk about how to introduce a design system into a company where there are cultural conflicts. Kaelig shares his experience working with SalesForce and introducing a design system there. They discuss what aspects of a design system that would make people want to use it over what the team is currently doing. Usually teams are thankful for the design system. It’s important to build a system that’s complete, flexible, and extensible so that you can adapt it to your team. A good design system incorporates ‘subatomic’ parts like the grid system, color palette, and typography, referred to as design tokens. Design systems enable people to take just the bits of the design system that are interesting to them and build the components that are missing more easily. The conversation turns to the installation and upgrade process of a design system. Upgrading is left up to the customer to do on their own time in most cases, unless it’s one of the big customers. They talk about the role of components in upgrading a design system. Kaelig talks about the possibility of Shopify transitioning to web components. Kaelig shares some of his favorite tools for making a design system and how to get started making one. A lot of design teams start by taking a ton of screen shots and looking at all the inconsistencies.Giving them that visibility is a good thing because it helps get everyone get on the same page. The panelists talk about the role of upper management in developing components and how to prioritize feature development. Kaelig talks about what drives the decision to take a feature out. The two main reasons a feature would be removed is because the company wants to change the way things are done and there’s a different need that has arisen. The show concludes by discussing the possibility of a design system getting bloated over time. Kaelig says that Design systems takes some of the burden off your team, help prevent things from getting bloated, allow you to ship less code. Panelists
  • Chris Ferdinandi
  • Aimee Knight
  • Steve Emmerich
With special guest: Kaelig Deloumeau-PrigentSponsorsLinks Follow DevChatTV on Facebook and Twitter PicksSteve Emmerich:Aimee Knight:Chris Ferdinandi:Kaelig Deloumeau-Prigent:Special Guest: Kaelig Deloumeau-Prigent.

Support this podcast at — https://redcircle.com/javascript-jabber/donations

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

Episoder(734)

Creeds of Craftsmanship - JSJ 505

Creeds of Craftsmanship - JSJ 505

This week, the JavaScript Jabber panel discusses the various "Creeds of Craftsmanship" from the programming languages out there. They discuss the different principles and the unifying concepts they all have alongside the ethos of what makes each language's approach to programming unique.PanelAJ O'NealCharles Max WoodSteve EdwardsSponsorsDev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trialLevel Up | Devchat.tvPicksAJ- Creeds of CraftsmanshipAJ- Zeskit HDMI CouplerAJ- Zeskit 10ft HDMCharles- PodcastBootcamp.ioCharles- JavaScript PicksCharles- Masters of DoomCharles- How to Make Sh*t HappenCharles- The Road Back to YouCharles- Leviathan Wakes Contact AJ:AJ ONealCoolAJ86 on GITBeyond Code BootcampBeyond Code Bootcamp | GitHubFollow Beyond Code Bootcamp | FacebookTwitter: Beyond Code Bootcamp ( @_beyondcode )coolaj86- TwitchContact Charles:Devchat.tvDevChat.tv | FacebookTwitter: DevChat.tv ( @devchattv )Contact Steve:Twitter: Steve Edwards ( @wonder95 )GitHub: Steve Edwards ( wonder95 )LinkedIn: Steve EdwardsSponsored By:Top End Devs Coaching: If you have questions about how to grow your skills or take your career to the next level, join us on our next weekly coaching call. It's completely free.Raygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

19 Okt 20211h 3min

AgGrid: From Open Source to Successful Business ft. Niall Crosby - JSJ 504

AgGrid: From Open Source to Successful Business ft. Niall Crosby - JSJ 504

Niall Crosby, creator of AgGrid, joins the panel to discuss the journey from building an open source data grid used all over the world to providing support and enterprise features and running a successful business based on that same open source software.PanelAJ O'NealCharles Max WoodDan ShappirSteve EdwardsGuestNiall CrosbySponsorsJavaScript Error and Performance Monitoring | SentryPodcastBootcamp.ioLevel Up | Devchat.tvLinksReact Data Grid: React UIWhy The World Needed Another Angular GridGitHub | coolaj86/ajquery.jsAG GridTwitter: AG Grid ( @ag_grid )PicksAJ- GitHub | BeyondCodeBootcamp/jsdoc-typescript-starterAJ- GitHub | coolaj86/node-docker-seedAJ- GitHub | ewjoachim/zen-of-pythonAJ- GitHub | BeyondCodeBootcamp/go-proverbsAJ- GitHub | coolaj86/ajquery.jsCharles- Ready Player TwoCharles- Masters of DoomCharles- JavaScript PicksDan- "You Don't Know JS Yet" second edition booksDan- The White LotusContact AJ:AJ ONealCoolAJ86 on GITBeyond Code BootcampBeyond Code Bootcamp | GitHubFollow Beyond Code Bootcamp | FacebookTwitter: Beyond Code Bootcamp ( @_beyondcode )Contact Charles:Devchat.tvDevChat.tv | FacebookTwitter: DevChat.tv ( @devchattv )Contact Dan:GitHub: Dan Shappir ( DanShappir )LinkedIn: Dan ShappirTwitter: Dan Shappir ( @DanShappir )Contact Steve:Twitter: Steve Edwards ( @wonder95 )GitHub: Steve Edwards ( wonder95 )LinkedIn: Steve EdwardsSpecial Guest: Niall Crosby.Sponsored By:Podcast Bootcamp: Launch an Amazing Sounding Podcast in just 4 WEEKS! Work with a 13 year podcasting veteran to get your podcast started off on the right foot! Sentry: Resolve JavaScript errors and performance issues with SentrySupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

12 Okt 20211h 15min

Javascript and the Blockchain with Max Kordek - JSJ 503

Javascript and the Blockchain with Max Kordek - JSJ 503

Steve and AJ talk with Max Kordek, founder of his startup Lisk, which is geared towards helping JavaScript developers use the blockchain to develop new applications for new industries. We delve deep into the origins and base technologies of the blockchain, how it has been used, and how it can be used in the future. They also discuss Lisk, it’s purpose, and how Max hopes their SDK will be used by developers to explore the blockchain and find brand new applications for it.PanelAJ O'NealSteve EdwardsGuestMax KordekSponsorsDev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trialPodcastBootcamp.ioLinksGitHub | LiskHackonLiskLiskMastering blockchain: Meet Lisk, a blockchain platform for JavaScript developersBlog Archives | LiskIntroducing the Lisk Grant ProgramThe 5th Anniversary of Lisk NetworkIntroducing Lisk Interoperability - YouTubeLisk International - YouTubeEvents - YouTubeLisk - DiscordLisk CommunityLisk - RedditLisk - YouTubeTwitter: Lisk ( @LiskHQ )Max Kordek - YouTubeTwitter: Max Kordek | HODLing the Lisk Gem ( @maxkordek )PicksAJ- Blockchain Backer on TeachableAJ- Blockchain Backer - YouTubeAJ- HashcashAJ- Cryptocurrency is an abject disasterAJ- Nyan Cat NFTAJ- Walmart urges its suppliers to use IBM blockchain technologyAJ- Ep. 139 – Smart Contracts & Oracles – insights from ChainlinkMax- Technology | NASAContact AJ:AJ ONealCoolAJ86 on GITBeyond Code BootcampBeyond Code Bootcamp | GitHubFollow Beyond Code Bootcamp | FacebookTwitter: Beyond Code Bootcamp ( @_beyondcode )Contact Steve:Twitter: Steve Edwards ( @wonder95 )GitHub: Steve Edwards ( wonder95 )LinkedIn: Steve EdwardsSpecial Guest: Max Kordek.Sponsored By:Podcast Bootcamp: Launch an Amazing Sounding Podcast in just 4 WEEKS! Work with a 13 year podcasting veteran to get your podcast started off on the right foot! Raygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

5 Okt 20211h 14min

DevOps for JavaScript ft. Will Button - JSJ 502

DevOps for JavaScript ft. Will Button - JSJ 502

Our very own Will Button from Adventures in DevOps joins us to discuss DevOps in JavaScript. Will also hosts his own YouTube channel discussing DevOps for Developers and is a consultant helping early stage startups getting their applications set up and scaling.He joins the panel to help the Jabber panel understand how to make Node and JavaScript deploy, scale, and grow.PanelAimee KnightAJ O'NealSteve EdwardsGuestWill ButtonSponsorsJavaScript Error and Performance Monitoring | SentryDev Influencers AcceleratorPodcastBootcamp.ioLinksChoice Words about the Upcoming Deprecation of JavaScript DialogsDevOps For Developers - YouTubeDevOps For DevelopersWill ButtonGitHub: Will Button ( rekibnikufesin )Twitter: Will Button ( @wfbutton )PicksAimee- QwiklabsAJ-  Learn Two Languages (and one of them should be Go)AJ- webinstall.devAJ- The Phoenix ProjectAJ- The Vanilla DevOps Git Credentials & Private Packages CheatsheetAJ- Performance - Stack ExchangeAJ- The Zen of PythonAJ- Crockford on JavaScriptWill- Site Reliability EngineeringContact Aimee:Aimee Knight – Software Architect, and International Keynote SpeakerGitHub: Aimee Knight ( AimeeKnight )Twitter: Aimee Knight ( @Aimee_Knight )LinkedIn: Aimee K.aimeemarieknight | InstagramAimee Knight | FacebookContact AJ:AJ ONealCoolAJ86 on GITBeyond Code BootcampBeyond Code Bootcamp | GitHubFollow Beyond Code Bootcamp | FacebookTwitter: Beyond Code Bootcamp ( @_beyondcode )Contact Steve:Twitter: Steve Edwards ( @wonder95 )GitHub: Steve Edwards ( wonder95 )LinkedIn: Steve EdwardsSpecial Guest: Will Button.Sponsored By:Podcast Bootcamp: Launch an Amazing Sounding Podcast in just 4 WEEKS! Work with a 13 year podcasting veteran to get your podcast started off on the right foot! Sentry: Resolve JavaScript errors and performance issues with SentrySupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

28 Sep 202145min

Monitoring Performance and Core Web Vitals ft. Bianca Grizhar and Sumitra Manga - JSJ 501

Monitoring Performance and Core Web Vitals ft. Bianca Grizhar and Sumitra Manga - JSJ 501

Bianca and Sumitra from Raygun join the panel to talk about Core Web Vitals and how tools like Raygun can help keep tabs on and monitor your performance stats as you change your web application to get you better results on Google.PanelAimee KnightAJ O'NealCharles Max WoodDan ShappirSteve EdwardsGuestBianca GrizharSumitra MangaSponsorsDev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trialPodcastBootcamp.ioLinksCrUX and Core Web Vitals – What to Measure on the Web with Rick Viscomi – JSJ 486JSJ 477: Understanding Search Engines and SEO (for devs) – Part 2Opinionated Core Web Vitals – JSJ 495Twitter: Raygun ( @raygunio )LinkedIn: Bianca GrizharLinkedIn: Sumitra MangaPicksAJ- How to ADHD - YouTubeAJ- The Biggest Myth In Education - YouTubeAJ- Brave SearchAJ- GitHub | go-gitea/giteaBianca- How to monitor and optimize Core Web Vitals - YouTubeCharles- Level Up | Devchat.tvCharles- Rhythm of WarDan- Is our universe the only universe? - Brian Greene - YouTubeSumitra- Formula 1: Drive to SurviveContact Aimee:Aimee Knight – Software Architect, and International Keynote SpeakerGitHub: Aimee Knight ( AimeeKnight )Twitter: Aimee Knight ( @Aimee_Knight )LinkedIn: Aimee K.aimeemarieknight | InstagramAimee Knight | FacebookContact AJ:AJ ONealCoolAJ86 on GITBeyond Code BootcampBeyond Code Bootcamp | GitHubFollow Beyond Code Bootcamp | FacebookTwitter: Beyond Code Bootcamp ( @_beyondcode )Contact Charles:Devchat.tvDevChat.tv | FacebookTwitter: DevChat.tv ( @devchattv )Contact Dan:GitHub: Dan Shappir ( DanShappir )LinkedIn: Dan ShappirTwitter: Dan Shappir ( @DanShappir )Contact Steve:Twitter: Steve Edwards ( @wonder95 )GitHub: Steve Edwards ( wonder95 )LinkedIn: Steve EdwardsSpecial Guests: Bianca Grizhar and Sumitra Manga.Sponsored By:Podcast Bootcamp: Launch an Amazing Sounding Podcast in just 4 WEEKS! Work with a 13 year podcasting veteran to get your podcast started off on the right foot! Raygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

21 Sep 20211h 24min

Episode 500 Celebration! - JSJ 500

Episode 500 Celebration! - JSJ 500

The JavaScript Jabber panel teams up to discuss their favorite moments and episodes over the last nearly 10 years of the show. They discuss where things are at and where they're going next.PanelAimee KnightAJ O'NealCharles Max WoodDan ShappirSteve EdwardsSponsorsJavaScript Error and Performance Monitoring | SentryLevel Up | Devchat.tvPodcastBootcamp.ioLinksJSJ 478: Browser Standards Rampage: Can We Have Nice Things?Live Pull Request Review, Review: Pushback (kindly) when appropriate. Don't let pride ruin you. Pt.6PicksAimee- GitHub | syncfast/clockwiseAimee- Inner EngineeringAJ- Laws of UXAJ- The Better Parts. Douglas Crockford. JS Fest 2018AJ- GitHub | ewjoachim/zen-of-pythonAJ- GitHub | BeyondCodeBootcamp/go-proverbsAJ- Manifesto for Agile Software DevelopmentAJ- The Twelve-Factor AppAJ- AHA ProgrammingAJ- Our Software Dependency ProblemAJ- THE FALLACY OF PREMATURE OPTIMIZATIONAJ- Crockford on JavaScriptCharles- Jungle CruiseCharles- Podcast PlaybookDan- Pick-A-FlickSteve- Stay alertSteve- Jungle cruise punsContact Aimee:Aimee Knight – Software Architect, and International Keynote SpeakerGitHub: Aimee Knight ( AimeeKnight )Twitter: Aimee Knight ( @Aimee_Knight )LinkedIn: Aimee K.aimeemarieknight | InstagramAimee Knight | FacebookContact AJ:AJ ONealCoolAJ86 on GITBeyond Code BootcampBeyond Code Bootcamp | GitHubFollow Beyond Code Bootcamp | FacebookTwitter: Beyond Code Bootcamp ( @_beyondcode )Contact Charles:Devchat.tvDevChat.tv | FacebookTwitter: DevChat.tv ( @devchattv )Contact Dan:GitHub: Dan Shappir ( DanShappir )LinkedIn: Dan ShappirTwitter: Dan Shappir ( @DanShappir )Contact Steve:Twitter: Steve Edwards ( @wonder95 )GitHub: Steve Edwards ( wonder95 )LinkedIn: Steve EdwardsSponsored By:Sentry: Resolve JavaScript errors and performance issues with SentryPodcast Bootcamp: Launch an Amazing Sounding Podcast in just 4 WEEKS! Work with a 13 year podcasting veteran to get your podcast started off on the right foot! Top End Devs Coaching: If you have questions about how to grow your skills or take your career to the next level, join us on our next weekly coaching call. It's completely free.Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

14 Sep 20211h 4min

How to Stay Current with JavaScript - JSJ 499

How to Stay Current with JavaScript - JSJ 499

The panel gets together to discuss how they learn new things and what things are important to learn.They start out discussing how to learn new things. They they go into how to keep up on the never-ending releases within the JavaScript ecosystem.PanelAimee KnightAJ O'NealCharles Max WoodDan ShappirSponsorsDev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trialPodcastBootcamp.ioPicksAimee- The Cloudflare BlogAJ- Crockford on JSAJ- Beyond Code Project IdeasAJ- JS.ORGAJ- Markdown Cheat SheetAJ- BlissCharles- Level up | Devchat.tvCharles- Pragmatic Thinking and LearningCharles- 131 RR How to Learn | Devchat.tvDan- Dan Shappir on TwitterDan- Devchat.tvDan- WebPageTestContact Aimee:Aimee Knight – Software Architect, and International Keynote SpeakerGitHub: Aimee Knight ( AimeeKnight )Twitter: Aimee Knight ( @Aimee_Knight )LinkedIn: Aimee K.aimeemarieknight | InstagramAimee Knight | FacebookContact AJ:AJ ONealCoolAJ86 on GITBeyond Code BootcampBeyond Code Bootcamp | GitHubFollow Beyond Code Bootcamp | FacebookTwitter: Beyond Code Bootcamp ( @_beyondcode )Contact Charles:Devchat.tvDevChat.tv | FacebookTwitter: DevChat.tv ( @devchattv )Contact Dan:GitHub: Dan Shappir ( DanShappir )LinkedIn: Dan ShappirTwitter: Dan Shappir ( @DanShappir )Sponsored By:Podcast Bootcamp: Launch an Amazing Sounding Podcast in just 4 WEEKS! Work with a 13 year podcasting veteran to get your podcast started off on the right foot! Raygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

31 Aug 20211h 16min

Transitioning a Large Front-End Codebase to TypeScript ft. Priscila Oliveira and Mark Story – JSJ 498

Transitioning a Large Front-End Codebase to TypeScript ft. Priscila Oliveira and Mark Story – JSJ 498

Priscila Oliveira and Mark Story join the panel to discuss the recent transition at Sentry from vanilla JavaScript to React and TypeScript.The show starts out with the panelists nerding out over Sentry and how they use it, then they dive into the code transition and the things that they learned from their conversion to TypeScript.PanelAimee KnightAJ O'NealDan ShappirSteve EdwardsGuestMark StoryPriscila OliveiraSponsorsJavaScript Error and Performance Monitoring | SentryDev Influencers AcceleratorLinksSlow and Steady: Converting Sentry’s Entire Frontend to TypeScriptGitHub | markstory/vim-fileswebinstall.dev/vim-essentialsGitHub | billyvg/dotfilesTwitter: Sentry ( @getsentry )Twitter: Mark Story ( @mark_story )Twitter: Priscila Oliveira ( @priscilawebdev )PicksAimee- Inner EngineeringAJ- GitHub | coolaj86/await-catch.mdAJ- GitHub | dadoomer/markdown-slidesDan- Fall of Civilizations PodcastDan- Sir Humphrey Appleby on the Proper Function of Government - YouTubeMark- Edward TufteMark- GitHub | neoclide/coc.nvimPriscila - GitHub | clauderic/dnd-kitSteve- Episode 142: Sketch Notes in Tech with David NealContact Aimee:Aimee Knight – Software Architect, and International Keynote SpeakerGitHub: Aimee Knight ( AimeeKnight )Twitter: Aimee Knight ( @Aimee_Knight )LinkedIn: Aimee K.aimeemarieknight | InstagramAimee Knight | FacebookContact AJ:AJ ONealCoolAJ86 on GITBeyond Code BootcampBeyond Code Bootcamp | GitHubFollow Beyond Code Bootcamp | FacebookTwitter: Beyond Code Bootcamp ( @_beyondcode )Contact Dan:GitHub: Dan Shappir ( DanShappir )LinkedIn: Dan ShappirTwitter: Dan Shappir ( @DanShappir )Contact Steve:Twitter: Steve Edwards ( @wonder95 )GitHub: Steve Edwards ( wonder95 )LinkedIn: Steve EdwardsSpecial Guests: Mark Story and Priscila Oliveira.Sponsored By:Sentry: Resolve JavaScript errors and performance issues with SentrySupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

24 Aug 20211h 8min

Populært innen Business og økonomi

stopp-verden
lydartikler-fra-aftenposten
dine-penger-pengeradet
rss-penger-polser-og-politikk
e24-podden
rss-borsmorgen-okonominyhetene
pengepodden-2
utbytte
tid-er-penger-en-podcast-med-peter-warren
pengesnakk
morgenkaffen-med-finansavisen
finansredaksjonen
livet-pa-veien-med-jan-erik-larssen
stormkast-med-valebrokk-stordalen
okonomiamatorene
paretopodden
rss-fri-kontantstrom
lederpodden
rss-investering-gjort-enkelt
kommentarer-fra-aftenposten