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)

Partytown with Adam Bradley - JSJ 550

Partytown with Adam Bradley - JSJ 550

Today we talk with Adam Bradley, the Director of Technology at Builder.io. He previously worked at Ionix as a creator of Ionic Framework, a mobile UI interface builder for web applications, and StencilJS which powers Ionix. Currently he works on both Qwik and Partytown at Builder.io.In today’s episode we dive into Partytown, discussing the unique ways it improves website performance. When there are so many third-party scripts injected into the average website, you can quickly lose control of speed. We learn how Partytown addresses this with a remote web worker, and how it still gets the data it needs synchronously. SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksGitHub: BuilderIO/partytownGitHub: BuilderIO/qwikBuilder.ioRun Third-Party Scripts From A Web WorkerGitHub: Adam BradleyTwitter: @adamdbradleyPicksAdam- uvuAdam- @playwright/testCharles- Irish GaugeCharles - Book Club for developer books (coming soon)Charles - How to Stay Current Course (coming soon)Charles- JavaScript Remote Conference 2022Charles- ActiveCampaign - #1 Customer Experience Automation Platform - ActiveCampaignDan- TPAC 2022Dan - War in UkraineSteve - Dad JokesSupport 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.

20 Sep 20221h 16min

Qwik with Misko Hevery - JSJ 549

Qwik with Misko Hevery - JSJ 549

Today we talk with Misko Hevery about solving the loading speed issue for websites constructed using JavaScript frameworks. Such websites are often slow to load, which is detrimental to their ability so succeed. After 16 years at Google, where he created Angular, he now works on the Qwik framework at Builder.io, a headless visual CMS. We learn how Qwik dramatically improves page speed metrics through an innovative architecture that enables resumability instead of hydration. We talk about how this is implemented, and about how you can get started with it. SponsorsTop End DevsCoaching | Top End DevsLinksng-conf 2022Builder.io and Qwik - JSJ 540Core Web Vitals and Whatnot - JSJ 537JSJ 476: Understanding Search Engines and SEO (for devs) - Part Resumable Frameworks: | Miško Hevery | ng-conf 2022 WebinarFramework reimagined for the edge!Twitter: Miško Hevery PicksAJ- JULIAN SMITH - MalkAJ- webinstall.devAJ- Watch The Sandman | Netflix Official SiteCharles- JavaScript Remote Conference 2022Charles- HomeDan- Gentleman Bastard SeriesDan - War in UkraineMisko- Thinking, Fast and SlowSteve - Dad JokesSupport 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 Sep 20221h 11min

Web Performance and the Google WordPress Team with Felix Arntz - JSJ 548

Web Performance and the Google WordPress Team with Felix Arntz - JSJ 548

Today we talk with Felix Arntz, a developer relations engineer at Google.  Hired on the Google WordPress team, and involved with the Sidekick plugin, we discuss some of the challenges and approaches of improving performance on WordPress sites, as well as other open source CMS’s. SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksCore PerformanceSlackWordPress + SlackTwitter: @DanShappirTwitter: @wonder95Twitter: @JSJabber- Top End DevsFelix ArntzTwitter: @felixarntzGitHub: felixarntzPicksAJ- Just Use An npm PackageAJ- Engineering FestivusAJ- Caddy 2 - The Ultimate Server with Automatic HTTPSAJ- webinstall.devDan- Watch Better Call Saul Season 6 Online | AMCDan- Web DirectionsDan - War in UkraineFelix- Prey (2022) - IMDbFelix - Man jumps out of plane at 25,000 ft without parachuteSteve- A New Vertical Farm Will Grow 3 Million Pounds of Mycelium a Year for Fungi-Based BaconSteve - Dad JokesSupport 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 Sep 20221h 24min

Supply Chain Security with Stephen Chin - BONUS

Supply Chain Security with Stephen Chin - BONUS

There is no question that the volume, sophistication, and severity of software supply chain attacks is on the rise.  How do you navigate your supply chain security?  Stephen Chin joins the show today to discuss various strategies and action plans for how to best prevent and address these types of attacks. In this episode…Where do you start with supply chain security?Spotting attackers and preventionHow do you know who to trust?Dependency injections and malicious packages Network reliability and uptimePyrsia and JFrog as software toolsConnect with Stephen ChinTwitter: @steveonjavaLinksDevOps Tools for Java DevelopersThe Decentralized Package Network | Pyrsia.ioSoftware Supply Chain to Release Fast & Secure, Continuously | JFrogSupport 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 Sep 202243min

Even More JavaScript Features You Should Avoid - JSJ 547

Even More JavaScript Features You Should Avoid - JSJ 547

Today’s episode is a continuation of the previous JavaScript Jabber Episode 543, where we discuss JS language features to avoid.  Do you agree with the list?  Today we talk about:for inforEachelsenullobject.createA named function using the arrow operator switchlabels SponsorsTop End DevsCoaching | Top End DevsPicksCharles- OrbisCharles- Diablo ImmortalCharles- Richard Paul EvansCharles- JavaScript Remote Conference 2022Charles- - Top End DevsDan- John Carmack: Doom, Quake, VR, AGI, Programming, Video Games, and RocketsDan - BuilderIO framework benchmark mitosisDan - War in UkraineSteve- James Webb Space Telescope Shows Big Bang Didn't Happen? Wait...Steve - Dad JokesSupport 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.

30 Aug 20221h 15min

Vue Courses, Top End Devs, and More... Oh, My! - JSJ 546

Vue Courses, Top End Devs, and More... Oh, My! - JSJ 546

Today Steve and Charles talk about the many updates and events coming to Top End Devs, from upcoming conferences to new courses and content.  Check out the conference lineup at https://topenddevs.com/conferences.  If you are interested in building courses or would like to speak at any of the conferences, contact Charles.  We also dive into a conversation about what it really means to be a 10x developer and a top 1% developer. SponsorsTop End DevsCoaching | Top End DevsLinksOverview - Nuxt 3 Essentials | Vue MasteryAtomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones- Podcast Playbook- Top End Devsvue/CHANGELOG.mdPicksCharles- QuiddlerCharles- Chart.jsCharle- Business Software and Services Reviews | G2Steve- JSON Creator Douglas Crockford Interview by EvroneSteve - Dad JokesSupport 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.

23 Aug 202248min

JavaScript and IoT with Nick Hehr and Peter Hoddie - JSJ 545

JavaScript and IoT with Nick Hehr and Peter Hoddie - JSJ 545

Steve, Dan and A.J talk with Nick Hehr and Peter Hoddie about using JavScript with IoT devices. They cover a wide range of topics, including the XS JavaScript Engine, the only complete ECMAScript 2018 engine optimized for embedded devices (created by Moddable), and even get into the nitty gritty of how it is built and how it works. They also cover TC53 - the standards committee for JS in embedded systems, a committee that Nick and Peter are part of. In picks, they get into a great discussion on home security systems and their various security issue, and of course, Steve brings the great dad jokes. SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksTC53Resuscitating IoT with JavaScript - Peter Hoddie & Lizzie Prader, Moddable - YouTubeECMA-419: The ECMAScript Embedded Systems API and J5e - Donovan Buck, BrandExtract - YouTubeHipsterBrownModdableTwitter: @hipsterbrownTwitter: @phoddiePicksAJ- GitHub - BeyondCodeBootcamp/jsdoc-typescript-starterAJ- Typing without TranspilationAJ- Eyeglasses Online | Eyewear for Everyone™ | Zenni OpticalAJ- Amazon.com. Spend less. Smile more.AJ- Oakley MX L Frame Adult Tear-Off Off-Road/Dirt Bike Motorcycle Eyewear AccessoriesNick -MicrocenterNick- Abode Home Security - #1 DIY Wireless Home Security SolutionNick-  Build With Matter | Smart Home Device SolutionPeter- The Extensible Web ManifestoPeter- Fanny Mendelssohn - WikipediaSteve-  Introducing multitasking to Arduino | Arduino BlogSupport 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.

16 Aug 20221h 38min

The Story of Mel with Tomer Lichtash and David Frankiel - JSJ 544

The Story of Mel with Tomer Lichtash and David Frankiel - JSJ 544

Today we have special guests Tomer Lichtash and David Frankiel, a web developer and programmer behind the epic hacker folklore project The Story of Mel, a comprehensive guide to The Story of Mel.   This story, which has survived through all the changes in the internet since its birth in 1983, and has morphed through all its iterations into something almost poetic in nature.  This allegory tells the story of the birth of of high-tech culture as we know it today, and creates some heated debate among our panelists as to the validity of its meanings.  Tomer and David tell some of the back story into their journey to discover if the story is a hoax, or if is truly real. SponsorsTop End DevsCoaching | Top End DevsLinksMel's Loop - A Comprehensive Guide to The Story of MelCreeds of Craftsmanship · Issue #18 · BeyondCodeBootcamp/beyondcodebootcampTwitter: @tomerlichtashtomerlichtash - OverviewPicksAJ- Form follows function - WikipediaAJ- dotGo 2015 - Rob Pike - Simplicity is ComplicatedAJ - The UnexplainedDan - Downturn in the Tech IndustryDan- The Thief, His Wife and the Canoe (TV Mini Series 2022) - IMDbDan - War in UkraineDavid- What is Windows Presentation Foundation - WPF .NETDavid - Nouran ZoharDavid - In theory there is no difference between theory and practice, but in practice there is.Tomer - Net Pioneers 1.0Tomer- Post-Gogol World, by The Daniil KharmsSupport 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.

9 Aug 20221h 6min

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