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 463: Building Web Applications with Firebase

JSJ 463: Building Web Applications with Firebase

Steve and AJ talk with Gareth Brown, author of the recently released Manning video course “Building Web Applications with Firebase”. They discuss what Firebase is, the services it offers, and how it is used in different types of applications, both large and small.PanelAJ O’NealSteve EdwardsGuestGareth BrownSponsorsRaygun | Click here to get started on your free 14-day trialLinksBuilding a notes API with Firebase Functions - Part 1Simple Class ListPicksAJ- Zelda Plush DollAJ-Bokoblin Plush DollsAJ- Everything GameCube Homebrew in 6 Minutes!AJ- webinstall.devSteve- OutkickGareth- Rabbit Hole by New Yok TimesGareth- The Social DilemmaGareth-Screened outSpecial Guest: Gareth Brown.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.

23 Des 202059min

BONUS: Start Building Video Games with Jason Weimann

BONUS: Start Building Video Games with Jason Weimann

Learn to Build Your Own Games with Jason's Course (Get 10% Off with Code DEVCHAT)Over the years, I've had dozens of developers tell me that they got into programming because they wanted to build video games. Today, it's easier and more approachable than ever. This episode dives into how to get started with game development.Jason Weimann has built games for big studios and has been teaching others to build video games with the Unity game engine. Jason talks through his journey into game development and explains how others can get started with building all sorts of games using the Unity game engine.You can get started prototyping a game by dragging a few elements in and writing a minimal amount of C#. Chuck and Jason compare front-end components to game components and then explain the ins and outs of building and designing a game. Learn to Build Your Own Games with Jason's Course (Get 10% Off with Code DEVCHAT) 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.

11 Des 202031min

JSJ 462: The Ultimate Guide to JavaScript Testing with Lucas da Costa

JSJ 462: The Ultimate Guide to JavaScript Testing with Lucas da Costa

Testing JavaScript Applications by Lucas da Costa (Coupon for 40% off: podjsjabber19)Lucas da Costa literally wrote the book on testing JavaScript. He's also maintainer on ChaiJS and Sinon. The podcast follows a three part structure for testing: Entrance tests, integration tests, and structural tests. These form a pyramid of testing that has the entrance tests at the base and the structural and system tests at the top. The episode also covers TDD and approaches to different kinds of JavaScript testing.PanelAJ O’NealAimee KnightSteve EdwardsGuestLucas da CostaSponsorsAudible.comRaygun | Click here to get started on your free 14-day trialLinksTesting JavaScript Applications bookLucas' WebsiteLucas' Terminal GuideWhy Flat Earthers are Bad at QAPicksLucas - HiDPI (Retina) on any displayLucas - RDM:Lucas - Quartz Debug (XCode Additional Tools)Aimee - Vanilla-todoAJ - iTerm2AJ - Fish ShellAJ - Cloud Encabulator linkSteve - https://www.youtube.com/watch?v=BRupqYXNUVwLucas - The Sense of Style by Steven Pinker (Audiobook)Lucas - On Writing WellLucas - Actionable Agile Metrics For Predictability: An IntroductionLucas - https://github.com/neovim/neovimTesting JavaScript Applications by Lucas da Costa (Coupon for 40% off: podjsjabber19)Special Guest: Lucas F. Costa.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.

8 Des 20201h 10min

BONUS: Adding a Content Engine to Your App with a Headless CMS with Jake Lumetta

BONUS: Adding a Content Engine to Your App with a Headless CMS with Jake Lumetta

Go Check Out ButterCMS to Add Content to Your Apps!Do you need to add a content engine like a blog or podcast to your product’s website? Don’t want to maintain a separate WordPress installation? Why not use a Headless CMS?Jake Lumetta from ButterCMS joins Charles Max Wood to discuss how Headless CMS’s work and how they can add functionality to your application with a minimum of effort and very little maintenance. They also compare Headless CMS’s to the alternatives and explain when one choice is better for a team than the other.Go Check Out ButterCMS to Add Content to Your Apps!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.

4 Des 202023min

JSJ 460: The Things Every JavaScript Developer Must Know, Part 2

JSJ 460: The Things Every JavaScript Developer Must Know, Part 2

The panel continues its discussion of various JavaScript programming topics, and whether or not they are required knowledge for JavaScript programmers. This time the debate gets even more heated with topics such as promises and async / await, regular expressions (regex), the DOM and Service Workers. Ultimately we conclude that some you must indeed know to be successful at JavaScript development, but some you just need to know enough about to know to stay away from them.PanelAJ O’NealAimee KnightSteve EdwardsDan ShappirCharles Max WoodLinksJSJ 449: The Things Every JavaScript Developer Must Knowhttps://stackoverflow.com/a/1732454/151312PicksAimee - The MarkupAimee - Yasso Frozen YogurtDan - picks Steve Edwards (volunteer firefighter) for his service and saving livesAJ - XKCD DependencyAJ - YC’s How to Start a StartupAJ - https://webinstall.dev/arcAJ - https://webinstall.dev/un7z (still not working)AJ - HarakaAJ - EmkeiAJ - MxtoolboxAJ - Mail-tester.comAJ - https://blog.codinghorror.com/so-youd-like-to-send-some-email-through-code/Steve - https://blog.logrocket.com/new-features-in-vue-3-and-how-to-use-them/Charles - https://brendon.com/podcast/Charles - https://stimulusjs.org/Charles - https://github.com/alpinejs/alpineSupport 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 Des 20201h 12min

BONUS: How to do LARGE Volumes of HIGH Quality Work - While Spending Fewer Hours Working

BONUS: How to do LARGE Volumes of HIGH Quality Work - While Spending Fewer Hours Working

Get the Black Friday/Cyber Monday "Double Your Productivity by 5pm Today" Deal Coupon Code: "DEEP" for a GIANT discountMani provides us with strategies and tactics to get Deep Work time and how to get our minds into that focused state for hours at a time.He has read hundreds of books that have taught him the secrets to getting more done by getting into this state.He starts by telling us how he was passed over for a promotion at Qualcomm in favor of someone younger and less experienced and how that inspired him to figure out what the other guy was doing differently. He learned that he needed to get more done with the time he was spending on his projects.The trick? Deep Work!Deep Work is the ability to spend uninterrupted, focused time on a task to bend your entire mind toward the goal.Other developers call it "Flow" or "the Zone."Mani provides us with strategies and tactics to get Deep Work time and how to get our minds into that focused state for hours at a time. Get the Black Friday/Cyber Monday "Double Your Productivity by 5pm Today" Deal Coupon Code: "DEEP" for a GIANT 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.

27 Nov 202047min

JSJ 459: Codota Tabnine and the Rise of Ai-powered Developer Tooling with Kyle Simpson PT 2

JSJ 459: Codota Tabnine and the Rise of Ai-powered Developer Tooling with Kyle Simpson PT 2

Imagine a world in which your editor / IDE can actually write some of your code for you. Where you're able to produce software faster and more efficiently because your development environment "knows" what you want to do, based on code you've written before. Turns out you can start experiencing this in the present using the free TabNine editor extension by Codata. In this episode Kyle Simpson, Codata's Lead of Developer Empowerment, joins the panel to describe how they use Machine Learning to enhance and accelerate software development. Kyle explains what's already possible in the present, and what ML technology promises to enable in the future for developer experience.PicksAimeeTerraform cost estimation: https://github.com/antonbabenko/terraform-cost-estimationDanhttps://www.se.rit.edu/~tabeec/RIT_441/Resources_files/How To Write Unmaintainable Code.pdfKylehttps://medium.com/nmc-techblog/introducing-the-async-cookie-store-api-89cbecf401fAJ3-Wolf Moon: https://amzn.to/3dGkRE6Watchexec: https://webinstall.dev/watchexecDotenv: https://webinstall.dev/dotenvSpecial Guest: Kyle Simpson. 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 Nov 202045min

JSJ 458: Codota Tabnine and the Rise of Ai-powered Developer Tooling with Kyle Simpson

JSJ 458: Codota Tabnine and the Rise of Ai-powered Developer Tooling with Kyle Simpson

Imagine a world in which your editor / IDE can actually write some of your code for you. Where you’re able to produce software faster and more efficiently because your development environment “knows” what you want to do, based on code you’ve written before. Turns out you can start experiencing this in the present using the free TabNine editor extension by Codata. In this episode Kyle Simpson, Codata’s Lead of Developer Empowerment, joins the panel to describe how they use Machine Learning to enhance and accelerate software development. Kyle explains what’s already possible in the present, and what ML technology promises to enable in the future for developer experience.SponsorsRaygun | Click here to get started on your free 14-day trialAudible.comCacheFlyPanelAJ ONealAimee KnightDan ShappirSpecial GuestKyle SimpsonLinkstabnine AI autocomplete with Vim (REACTION)How To Write Unmaintainable CodePicksAimeeTerraform cost estimationAJ3-Wolf MoonWatchexecDotenvKyle SimpsonIntroducing: The Async Cookie Store API Follow JavaScript Jabber on Twitter: @JSJabber Special Guest: Kyle Simpson.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.

17 Nov 202057min

Populært innen Business og økonomi

stopp-verden
dine-penger-pengeradet
lydartikler-fra-aftenposten
rss-penger-polser-og-politikk
e24-podden
rss-borsmorgen-okonominyhetene
pengepodden-2
finansredaksjonen
utbytte
tid-er-penger-en-podcast-med-peter-warren
morgenkaffen-med-finansavisen
pengesnakk
okonomiamatorene
rss-investering-gjort-enkelt
lederpodden
rss-markedspuls-2
rss-fa-makro
livet-pa-veien-med-jan-erik-larssen
lederskap-nhhs-podkast-om-ledelse
rss-andelige-tanker-med-camillo