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.

Avsnitt(735)

JSJ 433: Understanding the Browser Layer with Noam Rosenthal

JSJ 433: Understanding the Browser Layer with Noam Rosenthal

JavaScript Remote Conf 2020May 13th to 15th - register now!Noam Rosenthal has worked in both web and native technologies. He leads off with a discussion of the history of the web, browsers, and specifically webkit. The panel then goes into how browsers and built and discuss the differences between the different browsers.PanelAJ O’NealAimee KnightSteve EdwardsDan ShappirGuestNoam Rosenthal "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! LinksJSJ 428: The Alphabet Soup of Performance MeasurementsTest suites for Web platform specs — including WHATWG, W3C, and othersJSJ 421: Semantic HTML with Bruce LawsonPicksAJ O’Neal:vim 8 pluginsNikelodeon Gak / Super CleanProjector Screen SteamerAimee Knight:BlinkOnSteve Edwards:Steve's email: steve@smgaweb.comInstagram - dad jokeshttps://www.instagram.com/epicdadjokes/https://www.instagram.com/dadsaysjokeshttps://www.instagram.com/pun_bible/https://www.instagram.com/dad_joking/Dan Shappir:EggsNoam Rosenthal:Follow Noam on Twitter > @realnoamHyperisolationThe Art of StorytellingFollow JavaScript Jabber on Twitter > @JSJabber Special Guest: Noam Rosenthal. 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.

12 Maj 202052min

JSJ 432: Internet of Things (IoT) with Joe Karlsson

JSJ 432: Internet of Things (IoT) with Joe Karlsson

JavaScript Remote Conf 2020May 13th to 15th - register now!Joe Karlsson is a developer advocate at MongoDB. He and the panel walk through the different approaches, uses, and libraries for building IoT with JavaScriptPanelAimee KnightCharles Max WoodAJ O’NealDan ShappirSteve EdwardsGuestJoe KarlssonSponsorsG2i | Enjoy the luxuries of freelancing  "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today!  LinksCylon.js - JavaScript framework for robotics, physical computing, and the Internet of Things using Node.jsJohnny-Five: The JavaScript Robotics & IoT PlatformArduino - HomeTessel 2Tessel Kit for Johnny-FiveThe Programming Language LuaLuvit.ioGumstix, Inc.PicksAJ O’Neal:MicroPython - Python for microcontrollersRaspberry Pi Reverse Emulator (Part 1)Raspberry Pi Reverse Emulator (Part 2)Arduino With Python: How to Get Started – Real PythonDuktapeHow to Diagnose and Fix Everything ElectronicGetting Started in ElectronicsMake: Electronics (Book)Make: Electronics (Component Pack)Aimee Knight:Cutting Your own HairJoe's AppartmentCharles Max Wood:The Iron Druid Chronicles Series by Kevin HearneJavaScript Jabber MeetupSteve Edwards:Pearls Before SwineDan Shappir:JavaScript Remote Conf 2020JS VidConFuture Sync ConferenceJoe Karlsson:Follow Joe on Twitter > @JoeKarlsson1MongoDB.liveFollow JavaScript Jabber on Twitter > @JSJabber Special Guest: Joe Karlsson. 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 Maj 202057min

JSJ 431: Personal Branding for Developers with Morad Stern

JSJ 431: Personal Branding for Developers with Morad Stern

JavaScript Remote Conf 2020May 13th to 15th - register now!The JSJ panel talks with Morad Stern from Wix about personal branding; what it is, why it’s important for developers, and how to build it.PanelSteve EdwardsAJ O’NealDan ShappirGuestMorad SternSponsorsTaikoEducative.io | Click here for 10% discount  "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today!  LinksObama asks America to learn computer scienceConfiguring Apache Solr Multi-core With Drupal and Tomcat on Ubuntu 9.10PicksAJ O’Neal:Follow AJ on Twitter > @coolaj86War Stories | How Crash Bandicoot Hacked The Original PlaystationCrash Bandicoot Co-Creator Andy Gavin: Extended Interview | Ars TechnicaThe Story of Spyro the Dragon | Gaming HistorianUtah Node.js: Scaling Node.js at PlaidSteve Edwards:Follow Steve on Twitter > @wonder95, WebsiteSix13 Uptown Passover - an "Uptown Funk" adaptation for PesachDan Shappir:Follow Dan on Twitter > @DanShappirScott LynchMorad Stern:Follow Morad on Twitter > @moradThis Is Marketing: You Can't Be Seen Until You Learn to See: Seth GodinFollow JavaScript Jabber on Twitter > @JSJabber Special Guest: Morad Stern. 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.

28 Apr 202053min

JSJ 430: Learning JavaScript in 2020 with Matt Crook

JSJ 430: Learning JavaScript in 2020 with Matt Crook

JavaScript Remote Conf 2020May 13th to 15th - register now!Matt Crook joins the conversation to talk with the JavaScript Jabber panel to talk about his experience going through Nashville Software School. The panel discusses and asks questions about getting into programming, working through the bootcamp, and what prospects are for bootcamp graduates.PanelAJ O’NealAimee KnightCharles Max WoodSteve EdwardsDan ShappirGuestMatt CrookSponsorsTaikoEducative.io | Click here for 10% discount "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today!  PicksAJ O’Neal:PostgRESTThe Way of KingsVirtualBoxBootable Installers for MacOS, Windows, and moreAimee Knight:State of Microservices 2020 ReportPeloton BikeCharles Max Wood:The HobbitD&D Starter SetJavaScript WeeklyDevchat.tv Remote MeetupsDevchat.tv Remote ConferencesReading to KidsSteve Edwards:It Is Well With My SoulPitbull Gold PRO Skull ShaverBrad BalfourDan Shappir:Gödel, Escher, BachTranslating "The Hobbit" in CaptivityMatt Crook:Follow Matt on Twitter > @mgcrook, Instagram, LinkedInSwolenormousFireshipStatic HeadzYugenFollow JavaScript Jabber on Twitter > @JSJabber Special Guest: Matt Crook. 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 Apr 20201h 12min

JSJ 429: Learning about Postman with Joyce Lin

JSJ 429: Learning about Postman with Joyce Lin

JavaScript Remote Conf 2020May 13th to 15th - register now!Join us as we talk to Joyce Lin, a developer relations advocate with Postman, and we talk about this amazing tool for interacting with APIs. We discuss it’s more well-known features, and also learn about other less well known, but very powerful features that allow users to greatly increase the usefulness of the tool, both for front end and back end developers.PanelAimee KnightSteve EdwardsGuestJoyce LinSponsorsG2i | Enjoy the luxuries of freelancingEducative.io | Click here for 10% discount____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________LinksPostman Roadmap on TrelloFollow Postman on Twitter >Postman | The Collaboration Platform for API DevelopmentPicksSteve Edwards:The Big Red NO! Button Desktop Sound ToyJoyce Lin:Follow Joyce on Twitter > @petuniaGrayThe Science of Well-Being by Yale University | CourseraFollow JavaScript Jabber on Twitter > @JSJabber Special Guest: Joyce Lin. 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 Apr 202040min

JSJ 428: The Alphabet Soup of Performance Measurements

JSJ 428: The Alphabet Soup of Performance Measurements

JavaScript Remote Conf 2020May 14th to 15th - register now!Dan Shappir takes the lead to explain all of the acronyms and metrics for measuring the performance of your web applications. He leads a discussion through the ins and outs of monitoring performance and then how to improve and check up on how your website is doing.PanelAJ O’NealAimee KnightSteve EdwardsDan ShappirSponsorsTaiko, free and open source browser test automationEducative.io | Click here for 10% discount____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________Links<picture>: The Picture element - HTML: Hypertext Markup Language | MDNPicksAJ O’Neal:The Way of KingsTaco BellAimee Knight:web.dev@DanShappirDan Shappir:New accessibility feature in Chrome Dev Tools: simulate vision deficiencies, including blurred vision & various types of color blindness. In Canary at the bottom of the Rendering tab.Better Call SaulFollow JavaScript Jabber on Twitter > @JSJabberSupport 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.

7 Apr 20201h 17min

JSJ 427: How to Start a Side Hustle as a Programmer with Mani Vaya

JSJ 427: How to Start a Side Hustle as a Programmer with Mani Vaya

JavaScript Remote Conf 2020May 14th to 15th - register now! Mani Vaya joins Charles Max Wood to talk about how developers can add the enterepreneur hat to the others they wear by starting a side gig. They discuss various ideas around entrepreneurship, the books they got them from, and how they've applied them in their own businesses.PanelCharles Max WoodGuestMani VayaSponsorsTaiko__________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! __________________________________________________PicksMani Vaya:Good to GreatThe Lean StartupCharles Max Wood:Expert SecretsThe Masked Singer Follow JavaScript Jabber on Twitter > @JSJabbber Special Guest: Mani Vaya. 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 Mars 202045min

JSJ 426: Killing the Release Night with Progressive Delivery with Dave Karow

JSJ 426: Killing the Release Night with Progressive Delivery with Dave Karow

JavaScript Remote Conf 2020May 14th to 15th - register now! Dave Karow is a developer evangelist for Split. He dives into how you can deliver software sustainably without burning out. His background is in performance and he's moved into smooth deliveries. He pushes the ideas behind continuous delivery and how to avoid getting paid to stay late in "free" pizzas.PanelAJ O’NealAimee KnightCharles Max WoodDan ShappirGuestDave KarowSponsorsG2i | Enjoy the luxuries of freelancingTaiko - free and open source browser test automationCacheFly____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________LinksSplit.ioContinuous Deliveryzeit.coThe Practical Test PyramidAccelerateThe Unicorn ProjectEnder's GameEnder's ShadowAtlassian SummitDeliveryConfJSJ 418: Security Scary Stories and How to Avoid Them with Kevin A McGrailFeature togglesplit.io Dave KarowProgressive DeliverySpeaker Deck Dave KarowLearn Enough Command Line to Be DangerousBeyond Code BootcampPicksAimee Knight:Designing for PerformanceEarly Riser or Night Owl?Dan Shappir:web.devAJ O’Neal:CineRAID CR-H458DataCenter 8TB DrivesTiltamax Wireless Follow Focus SystemCharles Max WoodThe ExpanseCourse Creator PRODave Karow:AccelerateFollow JavaScript Jabber on Twitter > @JSJabb Special Guest: Dave Karow. 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 Mars 20201h 13min

Populärt inom Business & ekonomi

framgangspodden
badfluence
varvet
rss-borsens-finest
rss-jossan-nina
svd-tech-brief
avanzapodden
dynastin
fill-or-kill
uppgang-och-fall
bathina-en-podcast
rikatillsammans-om-privatekonomi-rikedom-i-livet
rss-inga-dumma-fragor-om-pengar
rss-dagen-med-di
kapitalet-en-podd-om-ekonomi
rss-kort-lang-analyspodden-fran-di
rss-svart-marknad
borslunch-2
rss-borslunch
rss-veckans-trade