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 457: Career Transitioning with Laura Harvey

JSJ 457: Career Transitioning with Laura Harvey

This week the panel talks with a UK boot camp student about her decision to switch careers and learn to program. They discuss unique challenges such as being part of an underrepresented group and entering the field during a pandemic. Additionally, they discuss technology choices and overall, seek to gain a deeper understanding of the state of JavaScript for new developers.SponsorsRaygun | Click here to get started on your free 14-day trialAudible.comCacheFlyPanelAimee KnightDan ShappirSteve EdwardsSpecial GuestLaura HarveyPicksAimeeGoReleaserhttps://www.purpose.jobs/blog/hiring-tech-jobs-has-increased-in-midwestern-citiesDanTechnical Tweetstwitter.com/kentcdodds/statusLaura Harveyhttps://www.youtube.com/channel/lauracharveyhttps://dev.to/lauracharvey Follow JavaScript Jabber on Twitter: @JSJabber Special Guest: Laura Harvey.Sponsored By: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.

10 Nov 202057min

JSJ 456: Developer-First Security and Security Tooling For Developers with Liran Tal & Brian Vermeer

JSJ 456: Developer-First Security and Security Tooling For Developers with Liran Tal & Brian Vermeer

Liran Tal and Brian Vermeer from Snyk join the panel to discuss development of secure software in general, and secure JavaScript and web dev in particular. They explain what developer-first security actually means, and the types of security vulnerabilities to watch out for when using modern tools to develop websites and web apps. They also present several Open Source tools that developers can use to improve their code right from within their favorite development environments and IDEs.SponsorsAudible.comCacheFlyPanelAJ ONealAimee KnightDan ShappirSpecial GuestsLiran TalBrian VermeerLinksHttps://www.webpagetest.orghttps://snyk.io/security-scanner-vuln-cost/https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-costPicksDanadd Alt Texts when tweeting code on twitter as an image,https://www.goodreads.com/series/46817-demon-cycleAJZalgohttps://www.cnet.com/news/the-shirt-with-the-most-incredible-amazon-reviews/The Friendly, Interactive ShellTomorrow Night Theme (Terminal, iTerm2, VSCode, vim, etc)Dracula Themehttps://github.com/JacksonGariety/toy-chest-themeJeff BezosLiran Talhttps://starship.rs/https://vuetifyjs.com/en/Pact frameworkhttps://docs.pact.io/https://en.wikipedia.org/wiki/RemoteAccessBrianhttps://carbon.now.sh/https://en.wikipedia.org/wiki/The_Umbrella_Academy_(TV_series) Follow JavaScript Jabber on Twitter: @JSJabber Special Guests: Brian Vermeer and Liran Tal. 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 Nov 20201h 6min

JSJ 455: Introducing and Understanding Svelte and Sapper with Mark Volkmann

JSJ 455: Introducing and Understanding Svelte and Sapper with Mark Volkmann

This week the panel is joined by Mark Volkmann to discuss Svelte and how it compares and differs from front-end frameworks such as React and Angular. Mark has written a book and has given talks about Svelte and also about Sapper, an application framework built on top of Svelte. He explains to the panel how Svelte components are defined differently than other JavaScript frameworks, and how they are actually compiled into the production code, which isn’t dependent on any external libraries. He also explains why and how Svelte forgoes the use of a virtual DOM, using direct DOM manipulations instead. Finally he describes Sapper and explains how it can be used to quickly and easily create Web-apps that use SSR, static pages generation and dynamic routing.SponsorsFaithlife | Now Hiring Software DevelopersRaygun | Click here to get started on your free 14-day trialAudible.comCacheFlyPanelAimee KnightDan ShappirSteve EdwardsSpecial GuestMark VolkmannLinkshttps://github.com/sveltejs/svelte/issues/2546https://mvolkmann.github.io/blog/https://objectcomputing.com/resources/publications/mark-volkmannhttps://www.manning.com/books/svelte-and-sapper-in-actionPicksSteveKey Largohttps://gbdeclaration.org/AimeeLow Level AcademyTerraform Up and RunningDanMy daughter enlisting in the Israeli Militarywww.amazon.com/The-Boys-Season-1Mark Volkmannhttps://www.meteor.com/https://mvolkmann.github.io/blog/ Follow JavaScript Jabber on Twitter: @JSJabber Special Guest: Mark Volkmann.Sponsored By: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.

27 Okt 202056min

JSJ 454: Mongoose, Mongo and Object Document Mapping (ODM) with Valeri Karpov

JSJ 454: Mongoose, Mongo and Object Document Mapping (ODM) with Valeri Karpov

We talk about the Pros and Cons of using a database directly vs using an abstraction layer, common mistakes, optimistic concurrency, and a nice tangent into programming concurrency models to top it off.SponsorsFaithlife | Now Hiring Software DevelopersAudible.comCacheFlyPanelAJ ONealAimee KnightCharles Max WoodSteve EdwardsSpecial GuestValeri KarpovLinkshttps://en.wikipedia.org/wiki/Aspect-oriented_programminghttps://mongoosejs.com/PicksStevehttps://cesf.us/AimeeThe Cloud Girl Sketch NotesAJGraphQurlAPC UPS with USBCyberPower UPSGoogle Lighthouse overstepFrog ChessWSL (Windows Subsystem for Linux)Chuckhttp://podcastgrowthsummit.co/http://podcastplaybook.co/mostvaluable.devStormlight ArchiveValeri Karpovhttps://masteringjs.io/ebooks/mastering-mongoose-javascript-jabberhttps://www.npmjs.com/package/archetypeamazon.com/Cryptonomicon-Neal-Stephenson Follow JavaScript Jabber on Twitter: @JSJabber 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.

20 Okt 202054min

JSJ 453: Debugging Third Party JavaScript with Ben Vinegar

JSJ 453: Debugging Third Party JavaScript with Ben Vinegar

Podcast: Play in new window | Download Many websites these days have to deal with the reality of incorporating third-party scripts. These could be tracking scripts or analytics or monitoring, or even scripts that add explicit features to a site, such as chat. Regardless of the purpose, such scripts add complexity and overhead, and can interfere with the proper operation of the site. In this episode Ben Vinegar, VP of engineering at Sentry, joins the panel to discuss the complexities and implications of third-party scripts, both from the perspective of website developers, as well as from the perspective of the developers creating such scripts.SponsorsFaithlife | Now Hiring Software DevelopersRaygun | Click here to get started on your free 14-day trialAudible.comCacheFlyPanelAJ ONealAimee KnightDan ShappirCharles Max WoodSpecial GuestBen VinegarLinksETAG Cookieshttps://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elementsPicksAimeehttps://github.com/hwayne/awesome-cold-showersAJAJQuery v2.0https://webinstall.dev/sdDropbox PaperWoody Zuill on Mob Programming and Influencing Change | Healthy Developer Interview #4Charles Max WoodScythehttps://www.thecreepyline.com/Ben Vinegarhttps://workers.cloudflare.com Follow JavaScript Jabber on Twitter: @JSJabber Special Guest: Ben Vinegar.Sponsored By: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.

13 Okt 202016min

JSJ 452: Caddy 2 Web Server with Matthew Holt

JSJ 452: Caddy 2 Web Server with Matthew Holt

Today the panel talks with Matt Holt who works full time on the Caddy Web Server. The panel discusses things such as how it compares to other popular tools as well as lessons learned while working on it.SponsorsFaithlife | Now Hiring Software DevelopersThe Complete Software Developer’s Career Guide – Grab a Copy TodayAudible.comCacheFlyPanelAJ ONealAimee KnightCharles Max WoodSpecial GuestMatthew HoltLinkshttps://www.papaparse.com/OSI modelhttps://apilayer.com/https://github.com/mholtPicksAimeeCloud flare ball indication sectionLearning about other culturesAJhttps://webinstall.dev/caddy/https://webinstall.dev/serviceman/https://insights.stackoverflow.com/survey/2020https://www.beyondcodebootcamp.com/CharlesMost Valuable Programmer (MVP Program)https://podcastplaybook.coLightbringer seriesMatthew HoltSourcegraph Follow JavaScript Jabber on Twitter: @JSJabber Special Guest: Matthew Holt. 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 Okt 20201h 12min

JSJ 451: Are Software Bugs Inevitable with Ran Levi

JSJ 451: Are Software Bugs Inevitable with Ran Levi

Ran Levy, a well known and prolific technology podcaster joins the show to talk with the panel about software bugs. Topics of discussion include the inevitability of software bugs – are they an intrinsic part of software development? Also, can they be minimized and their impact mitigated? And what can software companies, and the developers themselves, do in order to deliver properly working software.SponsorsRaygun | Click here to get started on your free 14-day trialThe Complete Software Developer’s Career Guide – Grab a Copy TodayFaithlife | Now Hiring Software DevelopersCacheFlyPanelCharles Max WoodAJ ONealAimee KnightDan ShappirSteve EdwardsSpecial GuestRan LeviLinksAre Software Bugs Inevitable?The Wix Engineering PodcastPicksDanThe Explosion of the Ariane 5Mars Climate OrbiterAJMagic Keyboard & Trackpad 2Final Fantasy 1GameCube + GBA + HDMIHomebrew GuideCharles Max WoodMUDList of MUDs Follow JavaScript Jabber on Twitter: @JSJabber Special Guest: Ran Levi.Sponsored By: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.

29 Sep 20201h 19min

JSJ 450: Native Features Inside The Browser - Introducing Google's Project Fugu with Thomas Steiner

JSJ 450: Native Features Inside The Browser - Introducing Google's Project Fugu with Thomas Steiner

For Web apps to be useful and successfully compete with native applications, they need to be able to access device features, such as the camera, local file system, Bluetooth, and more. Obviously such a mechanism needs to be secure and respect user privacy. In this episode Thomas Steiner, a Developer Advocate for the Web at Google, joins to discuss Project Fugu, and the benefits and capabilities that it already provides, and will provide in the future. Thomas, who is actively involved in this project, explains the design and development process for this project, and how it’s being rolled out and tested.SponsorsRaygun | Click here to get started on your free 14-day trialThe Complete Software Developer’s Career Guide – Grab a Copy TodayAudible.comCacheFlyPanelCharles Max WoodAJ ONealAimee KnightDan ShappirSteve EdwardsSpecial GuestThomas SteinerLinksWICGWake LockChrome Origin Trials GatekeepingMicrosoft Origin TrialsWebOTPPicksAimee Knighthttps://github.com/lebinh/nginx-confSteveGod’s Battalions: The Case for the CrusadesAJwebinstall.dev/comrakThomashttps://excalidraw.com/xxx Follow JavaScript Jabber on Twitter: @JSJabber Special Guest: Thomas Steiner.Sponsored By: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.

22 Sep 202053min

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