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

JSJ 469: The Case for JavaScript Iterators and Generators, part 2

JSJ 469: The Case for JavaScript Iterators and Generators, part 2

This is the follow on to the episode first recorded regarding JavaScripts iterators and generators. Dan takes the lead and picks up from last time. The panel discusses how JavaScript uses and implements iterators and where people are likely to see them. Then they dive into generators and briefly discuss the concept and their uses.CODE:x = {[Symbol.iterator]() {let i = 0;return {next: () => ({done: i >= 10,value: i++})};}};for (const v of x) console.log(v);console.log([…x]);console.log(…x);function* g() {for (let i = 0; i < 10; ++i) yield i;}PanelAJ O'NealCharles WoodDan ShappirSponsorsDexecureRaygun | Click here to get started on your free 14-day trialNext Level MastermindLinksA Promise of a Bright Future With Async Iterators, Generators, and Pipes, Part 1Devchat.tv | JSJ 437: Inside the Brave Browser with Jonathan SampsonFlint 4kPicksAJ- Charles WoodAJ- 12 Rules for Life PosterAJ- Brave BrowserAJ- Need for Speed Hot Pursuit (Remastered)Charles- Devchat.tv | The Dev RevCharles- Most Valuable DeveloperCharles- Elgato Cam Link 4KCharles- Podcast PlaybookCharles- The Hero with a Thousand Faces by Joseph CampbellDan- Netflix Series: The Queen's GambitDan- Automating audits with AutoWebPerfSponsored 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 Feb 20211h 18min

BONUS: How to Speed Up Your Website For Fun and Profit with Inian Parameshwaran

BONUS: How to Speed Up Your Website For Fun and Profit with Inian Parameshwaran

Use the code DEVCHAT at https://devchat.tv/fast to get double the capacity and traffic from Dexecure.Inian Parameshwaran is the CEO of Dexecure and an expert in speeding up websites. Inian walks Charles Max Wood through the intricacies of measuring website speed and explains which metrics matter and for which concerns. He goes over the benefits to SEO and user experience and then does a deep dive on how to begin speeding up your website so Google will rank it higher and your users don’t lose interest while waiting for a response from your application.Special Guest: Inian Parameshwaran.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.

29 Jan 202141min

JSJ 468: The case for JavaScript iterators, part 1

JSJ 468: The case for JavaScript iterators, part 1

Iterators and generators were introduced into JavaScript way back in 2015, yet they remain an underused and often misunderstood features of the language. In this episode Dan describes the purpose of iterators, how they're implemented in JavaScript, and why you're using them even if you aren't aware that you are, via the spread operator for example. The panel then discusses the pros and cons of iterators in JavaScript, and why most devs don't explicitly use them.PanelAimee KnightAJ O’NealDan ShappirSponsorsDexecureOctopus Deploy Pty. LtdNext Level MastermindLinksBreaking Chains with Pipelines in Modern JavaScriptPicksAimee- Month of Lunches Manning SeriesAJ- SnapDropAJ- Syncthing | webinstall.devAJ- Brave BrowserAJ- Brandon Sanderson Stormlight / Way of Kings by Brandon SandersonAJ- Ready Player One / Ready Player Two by Ernest ClineDan- Covid-19 VaccineDan- Netflix Series: The Queen's GambitSponsored 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.

26 Jan 20211h 4min

JSJ 467: The Joy of JavaScript with Luis Atencio

JSJ 467: The Joy of JavaScript with Luis Atencio

Luis Atencio jabbers about enjoying and using JavaScript. He enjoys the multi-paradigm nature of the language. The discussion ranges over the nature of JavaScript and how it's object-oriented, and how the paradigms can be blended to provide powerful functionality. They also dive into how to break down problems in JavaScript and how the language enables this.PanelAimee KnightAJ O'NealDan ShappirSteve EdwardsGuestLuis AtencioSponsorsDexecureRaygun | Click here to get started on your free 14-day trialNext Level MastermindLinksPipeline operator (|>)Crock on JS: Function the UltimatePicksAimee- GitHub | linkedin/school-of-sreAJ- Package-Relative Requires with BasetagAJ- Miniscript / SubscriptAJ- webinstall.dev/ffmpegAJ- Stand up Desk SetupAJ- Horizon Chase TurboAJ- Need for speed: Hot Pursuit RemasteredDan- Inspirational Character: Chuck YeagerLuis- Visit Cape Canaveral and watch either Space X Launch or NASA LaunchLuis- Visit Kennedy Space CenterSteve- 2 PORT KVM HDMI 2.0 VIDEO SWITCHSpecial Guest: Luis Atencio.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.

19 Jan 202149min

JSJ 466: Infrastructure as Code with Christian Nunciato

JSJ 466: Infrastructure as Code with Christian Nunciato

Christian Nunciato works on a system called Pulumi, which is a system that allows you to build infrastructure with code. This is usually aimed at the cloud and allows us to use tools to manage infrastructure and do setups and updates.PanelAimee KnightAJ O’NealSteve EdwardsGuestChristian NunciatoSponsorsDexecureOctopus Deploy Pty. LtdPicksAimee- GitHub- networktocode/awesome-network-automationAJ- Bound- Audiobook PlayerAJ- GitHub- videolan/vlc-iosAJ- gitdeploy | webinstall.devChristian- TV series: Schitt's CreekChristian- The Sense of Style: The Thinking Person's Guide to Writing in the 21st Century by Steven PinkerSteve- xkcd: Nerd SnipingSpecial Guest: Christian Nunciato.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.

12 Jan 20211h 14min

JSJ 465:The Power of Micro Front-Ends with Michael Geers

JSJ 465:The Power of Micro Front-Ends with Michael Geers

Micro-services have been very popular on the backend for a while now. But can this architecture be applied to the front-end as well? Should it be applied to the front-end? Michael Geers, who literally wrote the book on micro-fronts ends, explains what they are and why they can be a powerful architectural pattern especially when implementing large-scale projects. He also describes how Web Components can be used to enable this type of application architecture.PanelDan ShappirSteve EdwardsGuestMichael GeersSponsorsDexecureRaygun | Click here to get started on your free 14-day trialLinksTwitter: Jason MillerTwitter: Michael GeersManning | Micro Frontends in Action (40% off Manning Code: podjsjabber19)The Tractor StoreGrid Garden | Ein Spiel um CSS Gridzu lernenFlexbox Zombies | Mastery GamesGrid CrittersDevchat.tv: Podcast Guest Preparation InstructionsMicro Frontend- extending the microservice idea to frontend developmentPicksDan- US Election 2020Michael- Learning Software and Well Crafted Interactive Learning SolutionsMichael- Morse Typing TrainerSteve- The Greatest Showman (2017)Special Guest: Michael Geers.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.

5 Jan 202144min

BONUS: How to Crush Your Biggest Goals in 2021

BONUS: How to Crush Your Biggest Goals in 2021

Get the 2020 Goal Setting Workshop + Success Accelerator Deal HERE (Coupon Code: GOALS for a massive discount)Mani Vaya joins Charles Max Wood to walk him through the 6 pillars of success that lead to meeting your goals.Mani has read thousands of books on success, setting and achieving goals, and personal growth and has distilled these 6 principles from the books and then figured out how to put them into practice.He and Chuck walk through the principles and strategies that create success and allow you to set goals that will bring you the things you want during the next year or so.Listen to this episode to learn how to crush your biggest goals in 2021. Get the 2020 Goal Setting Workshop + Success Accelerator Deal HERE (Coupon Code: GOALS for a massive discount) 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 Jan 202155min

JSJ 464: Web Components FTW with Ben Farrell

JSJ 464: Web Components FTW with Ben Farrell

Components have become the go-to method for structuring and composing UIs on the Web. Usually this means relying on a JavaScript framework such as React, Vue, or Angular. But it turns out that there is a standard mechanism for creating components built into browsers. Ben Farrell who wrote a book on this mechanism - Web Components - joins the panel to explain what they are, how they work, and why they are a great, light-weight alternative to JavaScript frameworks.PanelAimee KnightAJ O’NealDan ShappirSteve EdwardsGuestBen FarrellSponsorsRaygun | Click here to get started on your free 14-day trialLinksBen Farrell: Web Components in Action lit-htmllit-html: Styling TemplatesCombo Box-UI5 Web ComponentsDevchat.tv-JSJ 424: UI5 and web components with Peter MuessigBen Farrell: Web Components in SpaceJavaScript Reaches the Final Frontier: SpacePicksAimee- You should expect "equal pay for equal work" at your new remote jobAJ- Keeping things fresh with stale-while-revalidateAJ- Leah Remini: Scientology and the Aftermath AJ- Ready Player Two by Ernest ClineAJ-OpenAudibleBen- Medium by AdobeBen- Gravity sketchBen- TvoriDan- Web performance case study: Wikipedia page previewsSteve- 13-inch MacBook ProSpecial Guest: Ben Farrell.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 Des 202014min

Populært innen Business og økonomi

stopp-verden
dine-penger-pengeradet
rss-penger-polser-og-politikk
e24-podden
rss-borsmorgen-okonominyhetene
lydartikler-fra-aftenposten
pengepodden-2
utbytte
tid-er-penger-en-podcast-med-peter-warren
finansredaksjonen
morgenkaffen-med-finansavisen
pengesnakk
lederpodden
rss-investering-gjort-enkelt
rss-markedspuls-2
livet-pa-veien-med-jan-erik-larssen
voksenpoeng-en-guide-til-voksenlivet
rss-fa-makro
rss-finanslunsj
okonomiamatorene