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 476: Understanding Search Engines and SEO (for devs) - Part 1

JSJ 476: Understanding Search Engines and SEO (for devs) - Part 1

If you're building a website or web-app, there's a good chance that you want people to find it so that they will access it. These days this mostly means that you want it to appear in the relevant search engine results pages (SERP). In this episode we are joined by Martin Splitt, DevRel at Google for the Search & Web ecosystem, who explains in detail how search engines work, and what developers and SEOs need to know and do in order to be on their good side.PanelAimee KnightAJ O'NealDan ShappirSteve EdwardsGuestMartin SplittSponsorsDexecureDev Heroes AcceleratorJavaScript Error and Performance Monitoring | SentryLinksDevchat.tv | JSJ 428: The Alphabet Soup of Performance MeasurementsPicksAJ- What If?: Serious Scientific Answers to Absurd Hypothetical Questions by Randall MunroeAJ- How To: Absurd Scientific Advice for Common Real-World Problems by Randall MunroeAJ- Thing Explainer: Complicated Stuff in Simple Words by Randall MunroeAJ- From Microsoft, Oracle, etc to NSA Data Center (Google Map)AJ- Square Stone Wheel (Test Institute Stone and Stone Caveman User Focus Group)Dan- How to Systematically Debug Your CSS Just Like You Would Your JavaScript?Martin- The curious tale of Tegel’s Boeing 707Martin- Escaped cloned female mutant crayfish take over Belgian cemeteryMartin- Duke Graduate School Scientific Writing ResourceSteve- In Plain Sight (TV Series 2008-2012)Special Guest: Martin Splitt.Sponsored By:Sentry: Resolve JavaScript errors and performance issues with SentryDexecure: Exclusive Offer For Javascript Jabber Listeners Promo Code: DEXJSJAB 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.

23 Mars 202159min

JSJ 475: DevOps for the JavaScript Developer

JSJ 475: DevOps for the JavaScript Developer

In recent years the term DevOps has become ubiquitous - you'll find DevOps engineers in most every tech organization. But what does DevOps actually mean, and how does it differ from previously existing System and Network engineering and DBAs? In this episode our own Aimee Knight, who is currently expanding her role into DevOps, answers these questions, and provide further information about it.PanelAimee KnightAJ O'NealDan ShappirSponsorsDexecureRaygun | Click here to get started on your free 14-day trialJavaScript Error and Performance Monitoring | SentryLinksPulumixkcd: MoneyDevchat.tv | JSJ 440: Why Serverless with Gareth McCumskeyPicksAimee- The many lies about reducing complexity part 2: CloudAJ- Life as a Bokoblin - A Zelda Nature DocumentaryAJ- lbry.tvAJ- Everything GameCube Homebrew in 6 MinutesAJ- webinstall.dev/gitdeployAJ- Mic Shootout: Best Value & Budget Lavs under $50 - Røde, Giant Squid, Boya, Movo, Power DeWiseDan- Wix Student Program | Wix EnterDan- DHH on TwitterSponsored By:Raygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Sentry: Resolve JavaScript errors and performance issues with SentryDexecure: Exclusive Offer For Javascript Jabber Listeners Promo Code: DEXJSJAB 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.

16 Mars 20211h 6min

JSJ 474: Things JavaScript Developers Should Know, Part 1

JSJ 474: Things JavaScript Developers Should Know, Part 1

Having done a three-part series on the things JavaScript developers MUST know, Dan now leads a panel discussion on the things that JavaScript developers SHOULD know. These are things that devs can get by without knowing, but that will improve their abilities if they do know and understand. Subjects covered include: passing functions args by value vs by reference, sparse arrays, property descriptors, event capture, and more.PanelAimee KnightAJ O'NealDan ShappirSteve EdwardsSponsorsDexecureDev Heroes AcceleratorLinksBubbling and capturingPicksAimee- Load balancing and its different typesAJ- Ethan Garofolo - YouTubeAJ- XMissionAJ- LuaJITAJ- rclone | webinstall.devAJ- USB-C Cozy for USB C Adapters AJ- xkcd: SecurityDan- Tel Aviv weatherDan- Axel RauschmayerDan- 2ality – JavaScript and moreDan- JavaScript for impatient programmers (ES2021 edition)Sponsored By:Dexecure: Exclusive Offer For Javascript Jabber Listeners Promo Code: DEXJSJAB 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.

9 Mars 20211h 22min

JSJ 473: The Elements framework with Chris Mather

JSJ 473: The Elements framework with Chris Mather

Steve and A.J. talk with Chris Mather, the creator of the Elements framework, a new monolith-style web framework for generating web apps. They discuss the reason for adding YAF (Yet Another Framework), the pieces that are used to build the framework, and how it all works together.PanelAJ O'NealSteve EdwardsGuestChris MatherSponsorsDexecureRaygun | Click here to get started on your free 14-day trialDev Heroes AcceleratorLinksElementsGitHub | elementscode/applicationPicksAJ- Ubiquiti - Simplifying ITAJ- UHD Friendly Blu-Ray LibreDriveChris- Having a babySteve- The COVID-19 Vaccines and God’s ProvidenceSpecial Guest: Chris Mather.Sponsored By:Raygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Dexecure: Exclusive Offer For Javascript Jabber Listeners Promo Code: DEXJSJAB 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.

2 Mars 20211h 17min

JSJ 472: RedwoodJS Brings Full-Stack to the JAMstack with Anthony Campolo

JSJ 472: RedwoodJS Brings Full-Stack to the JAMstack with Anthony Campolo

Anthony Campolo joins the conversation to lead the discussion of RedwoodJS. RedwoodJS is a full-stack framework that provides a way of building a fast and secure front-end that JAMstack gives you with the power and flexibility of a backend.It doesn't have an official ORM, instead it uses GraphQL through Prisma. This discussion goes deep into the history and implementation of RedwoodJS.PanelAimee KnightAJ O'NealDan ShappirSteve EdwardsGuestAnthony CampoloSponsorsDev Heroes AcceleratorLinksFSJam PodcastA First Look at RedwoodJS - Complete SeriesPicksAimee- GCP Outpaces Azure, AWS in the 2021 Cloud ReportAJ- xkcd: File TransferAnthony- RedwoodJS CommunityAnthony- RedwoodJS - Bringing full-stack to the JamstackDan- State of JS 2020Steve- The Man Who Knew Too Much (1956)Special Guest: Anthony Campolo. 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.

23 Feb 202153min

JSJ 471: Things Every JavaScript Developer Must Know - Part 3

JSJ 471: Things Every JavaScript Developer Must Know - Part 3

In this episode, the panel discusses the final list of things that developers need to know and how and when they're important. These topics include:Duck typingTypeScriptVarious programming terms and concepts: recursion, garbage collection, MVC, etc.JS number and Math system (NaN, precision, BigInt, …)At least one frameworkAt least one testing frameworkA bundler (WebPack or Rollup or Parcel etc)PanelAimee KnightAJ O'NealDan ShappirSteve EdwardsSponsorsDexecureRaygun | Click here to get started on your free 14-day trialDev Heroes AcceleratorPicksAimee- 10 Powerful Life Skills for the New DecadeAJ- Epic React by Kent C. Dodds $300 React | Kent C DoddsAJ- Udemy $10 React | Stephen GrinderAJ- Zoom H1n ( Amazon )AJ- Zoom H1n ( Ebay )AJ- Apple M1 (MacBook) AirDan- Youtube | Chromium UniversitySteve- Greater (2016)Sponsored By:Raygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Dexecure: Exclusive Offer For Javascript Jabber Listeners Promo Code: DEXJSJAB 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.

16 Feb 20211h 12min

JSJ 470: Fine Tuning Your Psychological Stack, or DevOps For Your Brain

JSJ 470: Fine Tuning Your Psychological Stack, or DevOps For Your Brain

You're working on planning and executing your professional and technical journeys, but what about your psychological journey? The reality is that without taking better care of yourself, you are potentially setting yourself up for failure, and potentially also putting your health and wellbeing at risk. We are joined by Wei-Ming Lam, a coach and Yoga Instructor who provides practical advice for constructing and tuning your psychological stack.PanelAJ O'NealDan ShappirSteve EdwardsGuestWei-Ming LamSponsorsDexecureDev Heroes AcceleratorLinksThe Middle WeiYoutube | The Middle WeiPicksAJ- As a Man Thinketh by James Allen AJ- Deep Work: Rules for Focused Success in a Distracted World by Cal Newport AJ- The Mind and the Brain: Neuroplasticity and the Power of Mental Force by Jeffrey M. Schwartz MDAJ- The War of Art by Steven PressfieldAJ- M1 Macbook AirAJ- PLEXAJ- EmbyAJ- webinstall.dev/syncthingDan- Covid-19 VaccineDan- Should The Web Expose Hardware Capabilities? by Noam RosenthalSteve- Tenet (2020)Steve- The Essential Compendium of Dad Jokes by Thomas Nowak Steve- Psychiatrist: Americans Are Suffering From ‘Mass Delusional Psychosis’ Because Of Covid-19Wei- Ming- Grit: The Power of Passion and Perseverance by Angela DuckworthWei-Ming- Whetstone Knife SharpenerWei-Ming- Blade Sharpening FundamentalsWei-Ming- Get a houseplant Special Guest: Wei-Ming Lam.Sponsored By:Dexecure: Exclusive Offer For Javascript Jabber Listeners Promo Code: DEXJSJAB 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.

9 Feb 20211h 21min

BONUS: Measuring Apps and Entrepreneurship with John-Daniel Trask

BONUS: Measuring Apps and Entrepreneurship with John-Daniel Trask

John-Daniel Trask, founder and CEO of Raygun, talks about his experience building a monitoring company and about how to measure the speed and quality of your code. 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 Feb 202150min

Populärt inom Business & ekonomi

framgangspodden
badfluence
varvet
rss-borsens-finest
rss-jossan-nina
dynastin
avanzapodden
bathina-en-podcast
uppgang-och-fall
fill-or-kill
svd-tech-brief
rikatillsammans-om-privatekonomi-rikedom-i-livet
rss-placerapodden
kapitalet-en-podd-om-ekonomi
rss-svart-marknad
rss-veckans-trade
rss-borslunch
ekonomiekot-extra
rss-inga-dumma-fragor-om-pengar
tabberaset