JSJ 397: Design Systems with Kaelig Deloumeau-Prigent
JavaScript Jabber3 Okt 2019

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

215 JSJ ChakraCode with Guarav Seth Live from Microsoft Build 2016

215 JSJ ChakraCode with Guarav Seth Live from Microsoft Build 2016

This episode was recorded live from The Microsoft Build Conference 2016. In this episode we chatted with Gaurav Seth of Microsoft about ChakraCore. You can follow him on Twitter, or check out what he’s done over on GitHub. PicksTypeScript (Gaurav)Richard Campbell and Carl Franklin from .NETRocksSpecial Guest: Gaurav Seth. 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.

8 Jun 201630min

214 JSJ Pebble with Heiko Behrens and François Baldassari

214 JSJ Pebble with Heiko Behrens and François Baldassari

Check out Newbie Remote Conf! 02:11 - Heiko Behrens IntroductionTwitterGitHubBlog02:42 - François Baldassari IntroductionTwitterGitHub03:04 - JavaScript and PebbleEspruinojerryscript06:40 - Watch vs PhonePebble.js09:32 - Memory Constraints and Code Size LimitationsAPIsrockyjstween.js26:24 - Advantages of Writing in JavaScript32:09 - Capabilities of the WatchiPhreaks Episode #153: Using Mobile Devices to Manage Diabetes with Scott Hanselman37:08 - Running Web Servers39:29 - ResourcesrockyjsNewsletterPebble Slack ChannelPebble Developer Page@PebbleDevPebble TicToc Source41:58 - Voice Capabilities43:06 - UI For the Round Face vs Square Face46:18 - Future Pebble Milestones PicksVortex Poker 3 (Jamison)Thao & The Get Down Stay Down (Jamison)Maciej Ceglowski: Barely succeed! It's easier! (Jamison)The Way of Kings Trilogy by Brandon Sanderson (Joe)Juniors Are Awesome (Aimee)octotree (Aimee)Fully Alive by Ken Davis (Chuck)Sara Soueidan (Heiko)Jake Archibald: Using the service worker (Heiko)beyond tellerrand’s Videos (Heiko)Fabien Chouteau: Make with Ada: Formal proof on my wrist (François)pebble.rs (François)The World of Yesterday by Stefan Zweig (François) See AlsoiPhreaks Show Episode #146: Pebble with Heiko Behrens and Daniel Rodríguez TroitiñoSpecial Guests: François Baldassari and Heiko Behrens. 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.

1 Jun 201658min

213 JSJ Developer Evangelism with Greg Baugues

213 JSJ Developer Evangelism with Greg Baugues

Check out Newbie Remote Conf! July 13-15, 2016 02:16 - Greg Baugues IntroductionTwitterGitHubBlogTwilioRuby Rogues Episode #258: Twilio with Greg Baugues02:41 - Developer Evangelism04:23 - Evangelism at TwilioJeff Lawson07:05 - “Evangelism” 10:56 - Getting the Word OutSIGNAL13:28 - Keeping Up-to-DateGreg Baugues: Devs and Depression18:28 - Skills to Have as an EvangelistTechnical CredibilityPatienceEmpathyHustle21:21 - Getting Help From Companies25:39 - Handling Larger-scale Issues27:15 - Building an Evangelist Team29:44 - Panelist Experiences with Evangelism PicksBrené Brown: The power of vulnerability (Aimee)Udi Dahan: The Fallacy Of ReUse (Aimee)Calendly (Chuck)Gravity Forms (Chuck)Trello (Chuck)Slack (Chuck)Zoom (Chuck)Talky.io (Greg)SIGNAL (Greg)The Tim Ferriss Show (Greg)Billions (Greg)Special Guest: Greg Baugues. 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.

25 Mai 201655min

212 JSJ Horizon.js with Horizon.js with Michael Glukhovsky: Live from ng-conf!

212 JSJ Horizon.js with Horizon.js with Michael Glukhovsky: Live from ng-conf!

02:34 - Michael Glukhovsky IntroductionTwitterRethinkDB@rethinkdb02:35 - horizon-js 04:52 - Versus Open Source Firebase 06:15 - The Security ModelHorizon.io07:56 - The Admin Interface09:16 - RethinkDB + Horizon10:56 - Versus Meteor 13:35 - Message Format14:26 - Getting Started19:01 - Real-time21:24 - Security26:56 - The Grand Vision; Use Cases32:17 - Managing Deployment with Redundancy PicksThat Conference (Joe)AngularConnect (Joe)React Rally (Joe)Soft Skills Engineering Podcast (Dave)May the 4th (Chuck)The Developer Preview (Mike)The Art Spirit Paperback by Robert Henri (Mike)React Rally (Jamison)Uncanny Valley Podcast  (Jamison)Kishi Boshi (Jamison)David R. MacIver: On criticizing programming languages (without criticizing their users) (Aimee)Special Guest: Michael Glukhovsky. 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.

18 Mai 201640min

211 JSJ Ember and EmberConf with Michael North

211 JSJ Ember and EmberConf with Michael North

02:22 - Michael North IntroductionTwitter GitHubLevanto Financial04:10 - Ember vs React or AngularJavaScript Jabber Episode #203: Aurelia with Rob Eisenberg07:13 - Convention Over Configuration09:39 - Changes in EmberSproutCore  iCloud Ember CLIPerformanceglimmer 16:04 - Ember FastBoot Building a performant real-time web app with Ember Fastboot and Phoenix18:53 - EmberConfOpening Keynote by Yehuda Katz & Tom Dale 22:47 - Mobile/Native Experience & OptimizationService WorkerHybrid Apps29:52 - Electron 30:46 - Open Source Empowerment; The Ember Learning Team33:54 - Michael North's Frontend Masters Ember 2 Series 37:11 - The Ember CommunityPicks React Rally (Jamison) Embedded (Jamison) Remy Sharp: A debugging thought process (Jamison) NashDev Podcast (Aimee) JS developers who don’t know what closure is are fine. (Aimee) Sublime Text (Chuck) DesktopServer (Chuck) MemberPress (Chuck) Frontend Masters (Mike) Wicked Good Ember Conf (Mike) Debugging Node.js with Visual Studio Code (Mike)Special Guest: Mike North. 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.

11 Mai 201651min

210 JSJ The 80/20 Guide to ES2015 Generators with Valeri Karpov

210 JSJ The 80/20 Guide to ES2015 Generators with Valeri Karpov

Check out React Remote Conf 01:56 - Valeri Karpov IntroductionTwitter GitHub BlogJavaScript Jabber Episode #92: The MEAN Stack with Ward Bell and Valeri Karpov 02:17 - Booster Fuels 03:06 - ES2015 GeneratorsThe 80/20 Guide to ES2015 Generators by Valeri Karpovco 05:47 - try-catch 07:49 - Generator Function vs ObjectThe Fibonacci Sequence10:39 - Generator Use Cases12:02 - Why in ES6 would they come out with both native promises and generators?Koa14:04 - yield star and async await 17:06 - Wrapping a Generator in a Promise19:51 - Testing20:56 - Use on the Front-end22:14 - The 80/20 Guide to ES2015 Generators by Valeri Karpov and Tech WritingnightmareProfessional AngularJSPicks Why and How Testing Can Make You Happier (Aimee) Pitango Gelato (Aimee) The Primal Blueprint by Mark Sisson (Chuck) The Primal Blueprint 21-Day Total Body Transformation (Chuck) acquit (Valeri) nightmare (Valeri) now (Valeri) The 80/20 Guide to ES2015 Generators by Valeri Karpov (Valeri)Special Guest: Valeri Karpov. 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.

4 Mai 201642min

209 JSJ TypeScript with Anders Hejlsberg

209 JSJ TypeScript with Anders Hejlsberg

This episode was recorded live from The Microsoft Build Conference 2016. In this episode we chatted with Anders Hejlsberg of Microsoft about Typescript. You can follow him on Twitter, or check out what he’s done over on GitHub ResourcesTypeScriptPicksWriting Code (Anders) Special Guest: Anders Hejlsberg. 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.

27 Apr 201651min

208 JSJ MS Office with Jeremy Thake

208 JSJ MS Office with Jeremy Thake

This episode was recorded live from The Microsoft Build Conference 2016. In this episode we chatted with Jeremy Thake of Microsoft about MS Office. You can follow him on Twitter, see what he’s done over on GitHub, or visit his blog.Resources:Office Dev CenterPicks Billions (Jeremy)Special Guest: Jeremy Thake. 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.

20 Apr 201648min

Populært innen Business og økonomi

stopp-verden
dine-penger-pengeradet
lydartikler-fra-aftenposten
rss-penger-polser-og-politikk
e24-podden
rss-borsmorgen-okonominyhetene
finansredaksjonen
tid-er-penger-en-podcast-med-peter-warren
utbytte
pengepodden-2
morgenkaffen-med-finansavisen
okonomiamatorene
pengesnakk
rss-investering-gjort-enkelt
lederpodden
rss-markedspuls-2
rss-fa-makro
livet-pa-veien-med-jan-erik-larssen
lederskap-nhhs-podkast-om-ledelse
rss-andelige-tanker-med-camillo