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)

Alpinejs, Microservices, Code Completion, and Getting Paid for Open Source with Caleb Porzio - JSJ 497

Alpinejs, Microservices, Code Completion, and Getting Paid for Open Source with Caleb Porzio - JSJ 497

Caleb is the maintainer of several popular open source projects and frameworks including Alpinejs and Livewire, and is also an avid user of GitHub's CoPilot. Also, he's living the dream - writing open source full time. We talk about declarative, imperative, moving from SPAs and APIs back to simpler server-oriented design, design architecture, code style and linting, and how Caleb's achieved the near-impossible task of monetizing open source in a way people love.PanelAimee KnightAJ O'NealGuestCaleb Porzio SponsorsDigitalOceanRaygun | Click here to get started on your free 14-day trialDev Influencers AcceleratorLinksTwitter: Caleb Porzio ( @calebporzio )PicksAimee- GitHub | RobinCsl/awesome-js-tooling-not-in-jsAJ- How to Rip Blu-Rays with a LibreDriveAJ- My Top Anime PicksCaleb- 3Blue1Brown - YouTubeContact 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 )Special Guest: Caleb Porzio .Sponsored By:DigitalOcean: Get started on DigitalOcean App Platform with $100 in free credit at do.co/jabber.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.

17 Aug 20211h 4min

An Unconventional Journey into Coding ft. Sam Sycamore - JSJ 496

An Unconventional Journey into Coding ft. Sam Sycamore - JSJ 496

Sam Sycamore joins the podcast to tell his story of transitioning into programming after listening to the podcast episode we recorded with Danny Thompson.Danny told his story about how he went from gas station attendant to programmer in a very short timeframe.Sam has now made a similar journey from landscape construction to programming and what inspired him to make the switch.PanelAimee KnightAJ O'NealCharles Max WoodDan ShappirSteve EdwardsGuestSam Sycamore GuestJavaScript Error and Performance Monitoring | SentryDev Influencers AcceleratorLinksHow I Learned to Code and Started Freelancing Full-Time in 8 MonthsEverything You Need to Know to Succeed as a FreelancerMy Freelancing Workflow, from Cold Leads to Paid InvoicesJSJ 442: Breaking Into Tech with Danny Thompson | Devchat.tvSycamore Design BlogTwitter: Sam Sycamore ( @tanoaksam )GitHub: Sam Sycamore ( samuelsycamore )PicksAimee- GitHub | ossu/computer-scienceAJ- Cloud Turbo Encabulator - YouTubeAJ- webinstall.devAJ- Brave SearchCharles- The Ruthless Elimination of HurryCharles- Atlas Shrugged Dan- Getting Comfortable Being Uncomfortable – Aimee Knight - YouTubeDan- Four Yorkshiremen- Monty Python - YouTubeSam- The Futur - YouTubeSam- leonnoel.comSteve- CakebrewSteve- New mystery AWS product 'Infinidash' goes viral — despite being entirely fictionalContact 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 Guest: Sam Sycamore . 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.

10 Aug 20211h 16min

Opinionated Core Web Vitals - JSJ 495

Opinionated Core Web Vitals - JSJ 495

Dan Shappir takes the lead this week to discuss Core Web Vitals and how Google is pushing the web to be faster.He leads Chuck, Aimee, and AJ through the ways that developers can measure and improve the performance of websites based on the statistics specified by Google as components of Google rankings.PanelAimee KnightAJ O'NealCharles Max WoodDan ShappirSponsorsDigitalOceanRaygun | Click here to get started on your free 14-day trial Dev Influencers AcceleratorLinksWeb VitalsPicksAimee- GitHub | treosh/lighthouse-ci-actionAimee- GitHub | GoogleChrome/lighthouse-ciAJ- Classless CSSAJ- One FinanceAJ- JCS - Criminal Psychology - YouTubeAJ- Auth Library Live StreamCharles- Atlas Shrugged Charles- Dev Influencers | Devchat.tvDan- Core Web Vitals Technology ReportDan- Math Has a Fatal Flaw - YouTubeContact 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:Raygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.DigitalOcean: Get started on DigitalOcean App Platform with $100 in free credit at do.co/jabber.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.

3 Aug 20211h 13min

Flutter Essentials ft. Allen Wyma - JSJ 494

Flutter Essentials ft. Allen Wyma - JSJ 494

Allen Wyma, host of the Flying High with Flutter podcast, joins the Jabber panel to discuss building mobile applications with Flutter.The discussion includes an exploration of Flutter, how to get started, how it's different from other platforms, and who should consider using it.PanelCharles Max WoodSteve EdwardsGuestAllen WymaSponsorsDev Influencers AcceleratorJavaScript Error and Performance Monitoring | SentryLinksFlying High with Flutterpub.devTwitter: Plangora ( @Plangora )Twitter: Flying High with Flutter ( @fhwflutter )Twitter: Allen ( @allenwyma ) PicksAllen- Behind the birth of Dart - YouTubeAllen- Rust Servers, Services, and AppsAllen- Rust Web Development Charles- Outwitting the Devil Charles- Created Equal: Clarence Thomas in His Own WordsCharles- Podcast Guest Preparation Instructions | Devchat.tvContact Charles:Devchat.tvDevChat.tv | FacebookTwitter: DevChat.tv ( @devchattv )Contact Steve:Twitter: Steve Edwards ( @wonder95 )GitHub: Steve Edwards ( wonder95 )LinkedIn: Steve EdwardsSpecial Guest: Allen Wyma.Sponsored By:Sentry: Resolve JavaScript errors and performance issues with SentryTop 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.

27 Jul 202152min

How to Check Your Application Security featuring Liran Tal - JSJ 493

How to Check Your Application Security featuring Liran Tal - JSJ 493

Liran Tal joins the Jabber to talk about how to secure your applications and how to check for security vulnerabilities in your application and its dependencies and infrastructure.Liran explains how to check your supply chain and your own code to make sure you're not leaving things open to malicious actors.PanelAJ O'NealCharles Max WoodDan ShappirSteve EdwardsGuestLiran Tal SponsorsDigitalOcean Raygun | Click here to get started on your free 14-day trialDev Influencers AcceleratorLinks5 ways to prevent code injection in JavaScript and Node.jsCommand injection: how it works, what are the risks, and how to prevent itJSJ 357: Event-Stream & Package Vulnerabilities with Richard Feldman and Hillel Wayne | Devchat.tvDevOps 062: Behind the SolarWinds breach | Devchat.tvDevOps 064: Software Dependencies: Do you Know What’s Lurking in your Software? | Devchat.tvPortSwiggerEssential Node.js Security for Express Web ApplicationsSnyk CodeTwitter: Liran Tal | React and Node.js Security ( @liran_tal )PicksAJ- Twitter: _MG_ ( @_MG_ )AJ-  In Order to LiveAJ- Live Stream Node.js Auth ProjectCharles- Who Now HowCharles- As a Man ThinkethCharles- Psycho-CyberneticsCharles- Monday.comCharles- DiscourseDan- JSJ 442: Breaking Into Tech with Danny Thompson | Devchat.tvDan- JSJ 439: More Jabber About Less JavaScript with Alex Russell | Devchat.tvDan- How I Learned to Code and Started Freelancing Full-Time in 8 MonthsDan- The Mobile Performance Inequality Gap, 2021Liran-  Working outLiran- Cult of the Dead CowLiran- Darknet DiariesSteve- GitHub | kutia-software-company/vue3-starterContact 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: Liran Tal.Sponsored By:DigitalOcean: Get started on DigitalOcean App Platform with $100 in free credit at do.co/jabber.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.

20 Jul 20211h 23min

Power Tips for Browser Dev-Tools with Craig Buckler - JSJ 492

Power Tips for Browser Dev-Tools with Craig Buckler - JSJ 492

Craig Buckler joins the panel to jabber about Chrome Dev-Tools and some things you may not know you can do with them to empower your own front-end development. Some of the basics you may already know like Incognito mode. Some others you may not know like black boxing libraries you don’t control or throttling connections to simulate poor connections. He also talks through searching through network requests to see how your domain’s specific requests perform.PanelAimee KnightAJ O'NealCharles Max WoodDan ShappirSteve EdwardsGuestCraig BucklerSponsorsDev Influences AcceleratorJavaScript Error and Performance Monitoring | SentryLinksFirefox Developer Tools15 DevTool Secrets for JavaScript DevelopersCSS-Tricks Screencasts: #173: Ooooops I guess we’re full-stack developers now.Browser Devtool SecretsWindows Subsystem for Linux 2: The Complete GuideDocker for Web DevelopersDocker course samples and excerpts ( discount code dock30 )Jump Start Web PerformanceCraig Buckler - YouTubeCraig Buckler, Author at SitePointCraig Buckler ::  freelance UK web developer, writer, and speakerCraig BucklerTwitter: Craig Buckler ( @craigbuckler )PicksAimee- AWS flash cardsAimee- Normatec 2.0 Leg SystemAJ- Emulate Mobile HardwareAJ- The Black Prism (Lightbringer)AJ- webinstall.dev/wslCharles- Having a workout buddyCharles- Water Balloon LauncherCharles- Camp Stove and Griddle ComboCraig- How to Favicon in 2021 by Andrey SitnikCraig- When you're trying to print something by Stevie MartinDan- Master of the Five MagicsDan- Introducing WebContainers: Run Node.js natively in your browserContact 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 Guest: Craig Buckler.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.

13 Jul 20211h 7min

The New JAMstack with Brian Rinaldi - JSJ 491

The New JAMstack with Brian Rinaldi - JSJ 491

The JAMstack has been a hot item in the web development community for a while. Initially, it was a basic implementation of front-end tools with some sort of hosted backend. Now, the tools and approaches have become much more powerful.Brian Rinaldi joins the JavaScript Jabber panel to discuss how things have evolved and what people should be looking into now to take advantage of the offerings within the JAMstack community.coupon: podjsjabber19PanelCharles Max WoodDan ShappirSteve EdwardsGuestBrian P Rinaldi SponsorsDigitalOceanRaygun | Click here to get started on your free 14-day trialDev Influencers AcceleratorLinksTwitter: Brian Rinaldi ( @remotesynth )PicksBrian- TyporaBrian- CFE.devCharles- Zendesk SellCharles- Kevan Paul | FacebookCharles- SuperhumanDan- Exploring JamstackContact 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: Brian P Rinaldi .Sponsored By:Raygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.DigitalOcean: Get started on DigitalOcean App Platform with $100 in free credit at do.co/jabber.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.

6 Jul 202153min

Mastering Browser Caching with Vitali Zaidman - JSJ 490

Mastering Browser Caching with Vitali Zaidman - JSJ 490

The Jabber panel along with Vitali Zaidman jump in and discuss how your browser cache works, what the standard is, and what you can expect when you're trying to take advantage of the performance characteristics of your users' browsers.The browser cache control settings and techniques are not straightforward, so buckle up and learn how to get your browsers to load assets from memory.PanelAJ O'NealCharles Max WoodDan ShappirSteve EdwardsGuestVitali Zaidman SponsorsJavaScript Error and Performance Monitoring | SentryDev Influencers AcceleratorLinksIntro To Service Workers & Caching - YouTubeLove your cache: Optimize for the second load - YouTubeHTTP cachingTwo Important Differences between Firefox and IE CachingVitali Zaidman | Software Architect | Personal WebsiteGitHub: Vitali Zaidman ( vzaidman )Twitter: Vitali Zaidman ( @vzaidman )PicksAJ- WASM, Rust, the State of Async/Await - Utah Rust Nov 2020 - YouTube (CloudFlare Workers w/ WASM + Rust)AJ- Beyond Code Live 004 - How Domains (URLs) Work - YouTubeAJ- Beyond Code Live 005 - Setup your First Server, Right Now (and get $100 or 60 days free) - YouTubeCharles- Fanatical ProspectingCharles- Riverside.fmSteve- Why Don’t Sheep Shrink In The Rain?Steve- The wholly pun_bible | InstagramContact 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: Vitali Zaidman .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.

29 Jun 20211h 3min

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