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(726)

Runtime Security With Gal Weizman - JSJ 565

Runtime Security With Gal Weizman - JSJ 565

Gal Weizman has professionally done Browser JavaScript security research for almost a decade and currently works in MetaMask. He joins the show to explain more about his profession as a "Browser Javascript Internals Expert." Moreover, he then talks about his project, "Snow". It is a JavaScript shim that applies an important defense mechanism in the browser to the web app's runtime to allow them to secure their same origin realms. About this EpisodeUnderstanding more Supply Chain SecurityHow Snow ❄️ functionsHow Snow provides added security to your appsLearning more about Realm and Realm SecurityAll about LavaMoatOn YouTubeRuntime Security With Gal Weizman - JSJ 565SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksawesome javascript realms security ⭐️Snow ❄️Introduction to SnowIntegrating Snow into MetaMaskLive demoMetaMask: The crypto wallet for Defi, Web3 Dapps and NFTsSocket - Secure your JavaScript supply chainLavaMoatGal WeizmanGitHub: weizmanTwitter: @WeizmanGalThe Magic Of Vue Mastery with Adam Jahr -VUE 205Web Testing And Automations With Playwright - VUE 206 PicksAJ - Dream MachineAJ - H1n Audio RecorderDan - AustraliaDan - Web Directions SummitDan - War in UkraineGal - LavaMoatGal - SeveranceSteve - The science of why you have great ideas in the showerSupport 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.

17 Jan 20231h 28min

How To Plan For Success In 2023 - JSJ 564

How To Plan For Success In 2023 - JSJ 564

Join Charles Wood as he takes on a solo episode this week! He tackles different strategies on how to achieve your goals and aspirations. He motivates the listeners by sharing his personal story of how he was able to climb back up on his feet after getting lost a few years ago. Moreover, Chuck dives into his plans for Top End Devs this year and how he can help developers take control of their careers. On YouTubeHow To Plan For Success In 2023 - JSJ 564SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipPicksCharles - Exit: The Game – Advent Calendar: The Mystery of the Ice CaveCharles - topenddevs.social - mastodonCharles - Yellowstone - TV Series | Paramount NetworkCharles - JS Remote ConfSupport 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.

10 Jan 202355min

Qwik Part II With Misko Hevery - JSJ 563

Qwik Part II With Misko Hevery - JSJ 563

Misko Hevery is the Chief Technology Officer at Builder.io. He is also the creator of Angular.io, known for zone.js, and helped co-create karma. He returns to the show to discuss "Qwik" in greater detail alongside AJ and Steve. No matter how complex your website is, Qwik provides the fastest possible page load times. In contrast to other frameworks, Qwik has special features that make it more user-friendly.About This EpisodeHow Qwik addresses any issueDifferent Qwik features that make it convenient and efficient to useOverview of precision lazy-loadingIntroduction to MitosisOn YouTubeQwik Part II With Misko Hevery - JSJ 563SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksQwikPapanasi UI LibraryMitosis FiddleBuilder.io and Qwik - JSJ 540Qwik with Misko Hevery - JSJ 549PicksAJ - Vornado heatersAJ - Replacement Parts for Office ChairsMisko - Flux | Where the world builds hardwareSupport 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.

2 Jan 20231h 27min

WebAuthn With Dan Moore - JSJ 562

WebAuthn With Dan Moore - JSJ 562

Dan Moore is the Head of DevRel at FushionAuth. He joins AJ and Chuck to talk about the new API called, “WebAuthn”. Using biometric, secure authentication techniques, WebAuthn is a new approach for confirming your users' identities. He goes into detail about the usage of this API and how this is a good choice for users to validate web applications with ease and convenience. About this EpisodeFeatures and benefits of WebAuthnRegistration process of WebAuthnWebAuthn With Dan Moore - JSJ 562 | YouTube VideoSponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksWhat is WebAuthn and why should you care?WebAuthn ExplainedYou can add biometric authentication to your webpage. Here's how.Auth. Built for Devs, by Devs - FusionAuthbest buy supported in DecPassword Free Authentication With Intuit And FIDO AuthenticationPassword-less authentication in NextJS application with WebAuthn and NextAuth - DEV Community 👩‍💻👨‍💻Twitter:@FusionAuthTwitter: @mooredsPicksAJ - UmbrelAJ - Dell OptiPlex Micro (better than Raspberry Pi 4)AJ - CBDCs are totalitarianism in an App and a currency (from Livestream #150)AJ - GitHub & NPM Support TouchID via WebAuthn's "This Device"!AJ - The Con Behind The Crypto Blood Bath – Dirty Secrets RevealedAJ - Vornado HeaterCharles - Cheap computers on Walmart.comCharles - Exit: The Game – Advent Calendar: The Mystery of the Ice Cave | Board Game | BoardGameGeekCharles - - Top End DevsCharles - Google Mail Charles - GmeliusDan - Station Eleven (TV Mini Series 2021–2022) - IMDbDan - Dan's Twitter persimmon pollSupport 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.

22 Des 20221h 14min

Astro with Fred K. Schott - JSJ 561

Astro with Fred K. Schott - JSJ 561

Steve and A.J. welcome Fred K. Schott to the show to talk about Fred's latest project, Astro. After initially discussing some of Fred's previous projects (Snowpak, Pika) and the joys of esbuild, they dive into Astro, including how it works, its use cases, and the newly finalized dynamic SSR capability. They finish with some picks going back to the very early web, and, as always, Steve's fabulous dad jokes.JSJ 561 - Youtube Sponsors "Wrangle, who helps with Slack approval workflows."Chuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksAstro with Fred K. Schott - VUE 195Introduction - LitAstroArrowJsFred K. SchottTwitter: @FredKSchottPicksAJ - Deku Deals - Nintendo Switch price tracking and wishlist notificationsAJ - NEW! - BonziBUDDY!Fred - Funny eCards - Send Custom Greeting Cards Online w/ JibJab!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.

13 Des 20221h 12min

The State of WASM - JSJ 560

The State of WASM - JSJ 560

WebAssembly (WASM) is a core technology of the Web and supported by all browsers as well as various other runtimes. Yet despite this fact most Web devs don't use it and have little or no familiarity with it. This week we are joined by Istvan Szmozsanszky "Flaki" to discuss some of the significant transformations currently taking place with this tech, which could make it much more mainstream. SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksGitHub: flakiFlakiTwitter: @slsoftworksPicksAJ - Savvi Legal: The Legal Hub for the Startup EcosystemAJ - DashCharles - Topenddevs.socialCharles - Tenpenny ParksCharles - World Cup 2022Dan - MoaDan - SnipdDan -  Ongoing war in UkraineFlaki - SuborbitalFlaki - GrainFlaki - Support local animal shelterFlaki - DaybreakSupport 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.

6 Des 20221h 48min

All Things TypeScript with Maina Wycliffe - JSJ 559

All Things TypeScript with Maina Wycliffe - JSJ 559

Maina Wycliffe is a Full-stack Software Engineer, Google Developer Expert, and Mentor who currently works at Flanksource. He is a Typescript Enthusiast and is the author of All things Typescript. He joins Chuck and Steve as he shares the reason behind starting his newsletter. His main goal is to teach developers to learn more about it and its typing system. About this EpisodeHow Maina handles and future plans in his newsletterAll about TypescriptFeatures of TypescriptTransitioning to Typescript SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinkstc39/proposal-type-annotationsWeekly Content Development Strategies with GDE Maina Wycliffe - AiA 357Twitter: @mwycliffe_devMaina WycliffePicksChuck - Betrayal at House on the Hill | Board GameChuck - Developer Book Club starting with Clean Architecture by Robert C. MartinChuck - Gather town - Gather AmbassadorChuck - Neverseen (4) (Keeper of the Lost Cities)Chuck - Sign Up For Your DreamsMaina - Watch The Dragon Prince | Netflix Official SiteSupport 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.

29 Nov 202253min

How To Recession Proof Your Job - BONUS

How To Recession Proof Your Job - BONUS

Get the Black Friday/Cyber Monday "Double Your Productivity by 5pm Today" DealCoupon Code: "THRIVE" for a GIANT discountAre you looking at all the layoffs and uncertainty going on and wondering if your company is the next to cut back? Or, maybe you're a freelancer or entrepreneur who is trying to figure out how to deliver more value to gain or retain customers?Mani Vaya joins Charles Max Wood to discuss the one thing that both of them use to more than double their productivity on a daily basis.Mani has read 1,000's of productivity books over the last several years and has formulated a methodology for getting more done, but found that he lacked the discipline to follow through on his plans.The he found the one thing that kept him on track and made him so productive that he is now getting all of his work done and was able to live the life he wants.Chuck also weighs in on how Mani's technique has worked for him and allows him to spend more time with his wife and kids, run a podcast network, and a nearly full time contract.Join the episode to learn how Chuck and Mani get into a regular flow state with their work and consistently deliver at work. 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.

24 Nov 20221h 12min

Populært innen Business og økonomi

stopp-verden
dine-penger-pengeradet
e24-podden
rss-penger-polser-og-politikk
rss-borsmorgen-okonominyhetene
tid-er-penger-en-podcast-med-peter-warren
pengesnakk
finansredaksjonen
pengepodden-2
livet-pa-veien-med-jan-erik-larssen
utbytte
stormkast-med-valebrokk-stordalen
morgenkaffen-med-finansavisen
rss-markedspuls-2
rss-sunn-okonomi
okonomiamatorene
aksjepodden
lederpodden
rss-impressions-2
shifter