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 363:  Practical JAMstack and Serverless with Gareth McCumskey

JSJ 363: Practical JAMstack and Serverless with Gareth McCumskey

SponsorsTriplebyte offers a $1000 signing bonusSentry use the code “devchat” for $100 creditLinodeCacheFlyPanelCharles Max WoodAimee KnightAJ O’NealAaron FrostJoe EamesJoined by Special Guest: Gareth McCumskeySummaryGareth McCumskey introduces JAMstack and serverless. He goes into great detail on how it works. Aimee Knight and Aaron Frost voice their concerns about going serverless. Aimee thinks it feels dirty. Aaron has concerns about the code, is it actually easier, what use cases would he use it for, and does it actually save money. Gareth addresses these concerns and the rest of the panel considers the positive and negatives of using JAMstack and serverless. Charles Max Wood asks for specific use cases; Gareth supplies many uses cases and the benefits that each of these cases.Linkshttp://herodev.com/https://thinkster.io/https://jamstack.org/https://www.mongodb.com/cloud/stitchhttps://expatexplore.com/https://serverless.com/https://www.cloud66.com/https://aws.amazon.com/dynamodb/https://twitter.com/garethmcchttps://www.facebook.com/javascriptjabberhttps://twitter.com/JSJabberPicksCharles Max Wood:Join the mailing listWatch out for new podcastsSend me defunct podcasts you love chuck@devchat.tvAimee Knight:Productivity Isn’t About Time Management. It’s About Attention Management.Quest Nutrition Protein BarsAJ O’Neal:Distant Worlds: Music from Final Fantasy by Nobuo UematsuLegend Of Zelda Concert 2018 Original Soundtrack by Never Land Orchestra  How to Diagnose and Fix Everything Electronic by Michael Jay Geier  Aaron Frost:The Go-Giver, Expanded Edition: A Little Story About a Powerful Business IdeaGareth McCumskey:https://www.finalfantasyxiv.com/Steam Play on LinuxJoe Eames:Expanding your horizonsSeven Languages in Seven Weeks: A Pragmatic Guide to Learning Programming LanguagesSeven More Languages in Seven Weeks: Languages That Are Shaping the Futurehttps://elm-lang.org/Special Guest: Gareth McCumskey. 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.

7 Maj 20191h 10min

JSJ 362:  Accessibility with Chris DeMars

JSJ 362: Accessibility with Chris DeMars

SponsorsSentry use code “devchat” for 2 months free Triplebyte $1000 signing bonus PanelCharles Max WoodAimee KnightChris FerdinandiAJ O’NealJoe EamesJoined by Special Guest: Chris DeMarsEpisode Summary Special guest Chris DeMars is from Detroit, MI. Currently, he works for Tuft and Needle and is an international speaker, Google developer expert, Microsoft mvp, and web accessibility specialist. He comes from a varied work background, including truck driving and other non-tech jobs.    Today the panel discusses web accessibility for people with disabilities. According to a study done by WebAIM, 97.8% of homepages tested had detectable WCAG 2 failures. The panel discusses why web accessibility is doing so poorly. Chris talks about some of the biggest mistakes he sees and some very simple fixes to make sites more accessible. Chris talks about the importance of manual testing on screen readers and emphasizes that it is important to cover the screen to make sure that it really works with a screen reader. Chris talks about some of the resources available for those who wish to increase accessibility on their sites.   The team discusses tactics for prioritizing accessibility and if there is a moral obligation to make sites accessible to those with disabilities. Chris talks about his experience making accessibility a priority for one of the companies he worked for in the past. They discuss the futue of legal ramifications for sites that do not incorporate accessibility, and what responsibility falls on the shoulders of people who regularly use assistive devices to notify companies of issues. They finish the show with resources available to people who want to learn more. LinksThe DOMSemantic markup writingsAlt attributeAxe by DeQue BootstrapAria lableWebAim study Follow DevChat on Facebook and Twitter PicksCharles Max Wood:LootCrateAimee Knight:Implementing Git in Python tutorialChris Ferdinandi:"Fighting Uphill" by Eric Bailey“The Web We Broke” by Ethan Marcotte AllBirds sneakers NewsletterAJ O’Neal:Golang Channel vs Mutex vs WaitGroupNobuo UematsuThe Best Way to Tin Enameled WireJoe Eames:Gizmos board gameThinkster.io accessibility course (not released yet)Chris DeMars:Dixxon Flannel CompanyAquis.com accessibility simulator Refactr accessibility workshop in June Follow Chris Special Guest: Chris DeMars. 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.

30 Apr 20191h 3min

JSJ 361:  Enough with the JS Already with Nicholas Zakas

JSJ 361: Enough with the JS Already with Nicholas Zakas

SponsorsTriplebyte offers a $1000 signing bonusSentry use the code “devchat” for $100 creditCacheFlyPanelAJ O’NealJoe EamesAimee KnightCharles Max WoodChris FerdinandiJoined by Special guest: Nicholas ZakasSummaryNicholas Zakas discusses the overuse of JavaScript and the underuse of HTML and CSS. The panel contemplates the talk Nicholas Zakas gave 6 years ago about this very same topic and how this is still a problem in the development community. Nicholas expounds on the negative effects overusing Javascript has on web applications and the things that using HTML and CSS do really well. The panel talks about the need for simplicity and using the right tool to build applications. Nicholas recommends the methods he uses to build greenfield applications and to improve existing applications.Linkshttps://www.youtube.com/watch?v=li4Y0E_x8zEhttps://www.slideshare.net/nzakas/enough-withthejavascriptalreadyhttps://twitter.com/slicknethttps://humanwhocodes.com/https://www.facebook.com/javascriptjabberhttps://twitter.com/JSJabberPicksChris Ferdinandi:The Umbrella Academy Official Trailerhttps://github.com/features/actionsAJ O’Neal:Jurassic ParkTerminator 2E6000 adhesiveAimee Knight:https://www.reebok.com/us/reebok-legacy-lifter/BD4730.htmlhttps://www.holloway.com/g/equity-compensationCharles Max Wood:https://podfestexpo.com/http://charlesmaxwood.com/https://www.11ty.io/https://www.netlify.com/Joe Eames:https://www.mysteryscenemag.com/blog-article/5905-tom-straw-the-author-behind-castleRichard Castle bookshttps://vanillajslist.com/Nicholas Zakas:The Power of Full Engagement: Managing Energy, Not Time, Is the Key to High Performance and Personal Renewal by Jim Loehr and Tony Schwartzhttps://opencollective.com/eslintSpecial Guest: Nicholas C. Zakas. 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 Apr 20191h 8min

JSJ 360:  Evolutionary Design with James Shore

JSJ 360: Evolutionary Design with James Shore

SponsorsTriplebyte $1000 signing bonusSentry use the code “devchat” for $100 creditCacheFlyPanelAaron FrostAJ O’NealJoe EamesAimee KnightChris FerdinandiJoined by special guest: James ShoreEpisode SummarySpecial guest James Shore returns for another episode of JavaScript Jabber. Today the panel discusses the idea of evolutionary design. Evolutionary design comes from Agile development. It is based on the principles of continuous integration and delivery and test driven development. In short, evolutionary design is designing your code as you go rather than in advance.The panelists discuss the difficulties of evolutionary design and how to keep the code manageable.  James Shore introduces the three types of design that make up evolutionary design, namely simple design, incremental design, and continuous design. They talk about the differences between evolutionary design and intelligent design and the correlations between evolutionary design increasing in popularity and the usage of Cloud services. They talk about environments that are and are not conducive to evolutionary design and the financial ramifications of utilizing evolutionary design.The panelists talk about the difficulties of planning what is needed in code and how it could benefit from evolutionary design. James enumerates the steps for implementing evolutionary design, which are upfront design, reflective design, and refactoring . The team ends by discussing the value of frameworks and how they fit with evolutionary design.LinksAgileAngularAPICRC cards (class responsibility collaborators)EmberIntelliJNPMReactRedux ScrumWaterfallXJSPicksAJ O’Neal:Spiderman: Into the Spider-VersePre-gap tracks album listQuickChip remover alloyAimee Knight:Puns.devBoulderingJames Shore:Spiderman: Into the Spider VersePandemic LegacyAaron Frost:Easter Candy, especially Nerd Jelly beansCadbury Mini EggsFun D&D momentsJoe Eames: Chronicles of Crime board gameSpecial Guest: James Shore. 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 Apr 20191h 2min

JSJ 359: Productivity with Mani Vaya

JSJ 359: Productivity with Mani Vaya

Get Mani's 2x Productivity CourseSponsorsSentry use the code “devchat” for $100 creditTriplebyteCacheFlyPanelAaron FrostAJ O’NealJoe EamesAimee KnightCharles Max WoodJoined by special guest: Mani VayaEpisode SummaryMani is the founder of a book summary business called www.2000books.com At 2000 Books, Mani studies the world’s greatest business and personal development books.Then he takes the most important ideas from each book and presents them in tight, 9- to 15-minute video summaries.You get the 4-7 most important ideas in a condensed format that's easy to absorb, easy to review, and easy to put into action immediately.To help people with productivity, Mani created an awesome course called “10x Productivity"His “10x Productivity" video course contains summaries of the 50 greatest books ever written on time management, productivity, goal setting, systems, execution, strategy and leverage."10x Productivity" pack includes summaries of all the NY Times Best Sellers on Productivity & Time Management, such as:The 7 Habits of Highly Effective People by Stephen CoveyGetting Things Done by David AllenDeep Work by Cal NewportThe Power of Habit by Charles DuhiggThe One Thing by Gary KellerEssentialism by Greg McKeownAll together, this collection includes more than 250 strategies, tips, tools & techniques for:- Becoming more productive- Getting results rather than being busy, stressed out & frustrated- Time Management- Defeating procrastination- Achieving big goals- Hacking your brain for high performance- Identifying the highest leverage points that lead to much faster results- Creating powerful habits- Installing execution systems that make goal achievement inevitable10x Productivity Package contains:Summaries of the 50 greatest books ever written on Productivity & Time Management250+ greatest ideas, tips and strategies on Time Management & Productivity10+ Hours of no-fluff solid Video ContentPDF Summaries of all 50 booksSince Mani is my friend and fellow mastermind member, I worked with him to get you guys an amazing discount (using discount code “DEVCHAT”) on the 10x Productivity Book Summary Pack which you can find here Make sure to use the Coupon code “DEVCHAT” to get the discount.LinksMani’s 2x Productivity Course use the code “devchat” for a discountPicksAJ O’Neal:M. Night Shyamalan’s The Village colophony/pine sap/rosin/flux for electronics workAimee Knight:Interested In Becoming A Site Reliability Engineer? blog postCharles Max Wood:Entreprogrammers episode 248KanbonflowPhysical Pomodoro timerMani Vaya:NPR’s How I Built This podcast2000 Books podcastSpecial Guest: Mani Vaya. 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 Apr 20191h 10min

JSJ 358: Pickle.js, Tooling, and Developer Happiness with Anatoliy Zaslavskiy

JSJ 358: Pickle.js, Tooling, and Developer Happiness with Anatoliy Zaslavskiy

SponsorsTriplebyte offers a $1000 signing bonusSentry use the code “devchat” for $100 credit CacheFlyPanelAJ O’NealCharles Max WoodJoined by Special Guest: Anatoliy ZaslavskiySummaryAnatoliy Zaslavskiy introduces pickle.js and answers the panels questions about using it. The panel discusses the automated testing culture and employee retention. The panel discusses job satisfaction and why there is so much turn over in development jobs. Charles Max Wood reveals some of the reasons that he left past development jobs and the panel considers how the impact of work environments and projects effect developers. Ways to choose the right job for you and how to better a work situation is discussed. Anatoliy finishes by advocating for junior developers and explaining the value they bring to a company. Linkshttps://github.com/storybooks/storybookhttps://www.picklejs.com/docs/getting-startedhttps://opencv.org/https://itunes.apple.com/us/app/snapcrap/id1436238261https://tolicodes.com/https://www.facebook.com/tolicodeshttps://www.facebook.com/javascriptjabberhttps://twitter.com/JSJabberPicksAJ O’NealThe Phoenix Project: A Novel about IT, DevOps, and Helping Your Business Win by Gene KimHow to Diagnose and Fix Everything Electronic, Second Edition by Michael Jay Geier   Charles Max Woodhttps://andyfrisella.com/blogs/mfceo-project-podcasthttps://www.garyvaynerchuk.com/the-askgaryvee-show-podcast/The 1-Page Marketing Plan: Get New Customers, Make More Money, And Stand out From The Crowd by Allan DibSkyward by Brandon SandersonAnatoliy ZaslavskiyAcro yogahttp://www.cuddleparty.com/ Special Guest: Anatoliy Zaslavskiy. 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 Apr 20191h 6min

JSJ 357: Event-Stream & Package Vulnerabilities with Richard Feldman and Hillel Wayne

JSJ 357: Event-Stream & Package Vulnerabilities with Richard Feldman and Hillel Wayne

SponsorsTriplebyteSentry use the code “devchat” for $100 creditClubhouseCacheFlyPanelAaron FrostAJ O’NealChris FerdinandiJoe EamesAimee KnightCharles Max WoodJoined by special guests: Hillel Wayne and Richard FeldmanEpisode SummaryIn this episode of JavaScript Jabber, Hillel Wayne kicks off the podcast by giving a short background about his work, explains the concepts of formal methods and the popular npm package - event-stream, in brief. The panelists then dive into the recent event-stream attack and discuss it at length, focusing on different package managers and their vulnerabilities, as well as the security issues associated with them. They debate on whether paying open source developers for their work, thereby leading to an increase in contribution, would eventually help in improving security or not. They finally talk about what can be done to fix certain dependencies and susceptibilities to prevent further attacks and if there are any solutions that can make things both convenient and secure for users.LinksSTAMP model in accident investigationHillel’s TwitterHillel’s websiteRichard’s TwitterStamping on Event-StreamPicksJoe Eames:Stuffed FablesAimee Knight:SRE book - GoogleLululemon leggingsDVSR - BandAaron Frost:JSConf USChris Ferdinandi:Paws New EnglandVanilla JS GuidesCharles Max Wood:Sony Noise Cancelling HeadphonesKSL ClassifiedsUpworkRichard Feldman:Elm in ActionSentinels of the MultiverseHillel Wayne:Elm in the SpringPractical TLA+Nina Chicago - KnittingTomb TraderSpecial Guests: Hillel Wayne and Richard Feldman. 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 Mars 20191h 10min

JSJ 356: Build Websites Like It's 2005 with Keith Cirkel

JSJ 356: Build Websites Like It's 2005 with Keith Cirkel

SponsorsTriplebyteSentry use the code “devchat” for $100 creditClubhouseCacheFlyPanelChris FerdinandiAimee KnightAaron FrostAJ O’NealJoined by special guest: Keith CirkelEpisode SummaryIn this episode of JavaScript Jabber, Keith Cirkel, Senior Application Engineer at GitHub, briefly explains the projects he is working with and moves on to the recent changes done by GitHub to their website, including the decision to remove jQuery, and not choosing a popular framework such as React or Vue. He talks about some problems in using Internet Explorer 11, how these GitHub changes can help with certain browser compatibility issues, and a few challenges the team had to face during the redesigning process.The panelists then discuss event delegation, performance considerations, Polyfill.io and web components. Keith gives some insight into accessibility and they talk about related user concerns.LinksKeith’s websiteKeith’s GitHubKeith’s TwitterGitHub Engineering blogFinancial Times – Polyfill serviceInclude fragment - elementPicksAaron Frost:Bag ManWhat It’s Like to Be A Woman on the InternetAimee Knight:Smooth Sailing with KubernetesJoe Eames:GitHub Free users get free unlimited private repositoriesSwigThings I don’t know as of 2018AJ O’Neal:Isopropyl alcoholBang good electronicsSoldering Iron – Hakko, X-TronicKeith Cirkel:GitHub careersHeston’s Pod & ChipsBrexitChris Ferdinandi:52 things I learned in 2018Learn Vanilla JSSpecial Guest: Keith Cirkel. 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 Mars 201956min

Populärt inom Business & ekonomi

framgangspodden
badfluence
varvet
rss-borsens-finest
svd-tech-brief
rss-jossan-nina
avanzapodden
fill-or-kill
uppgang-och-fall
rikatillsammans-om-privatekonomi-rikedom-i-livet
dynastin
bathina-en-podcast
rss-inga-dumma-fragor-om-pengar
rss-kort-lang-analyspodden-fran-di
rss-dagen-med-di
rss-veckans-trade
rss-borslunch
ekonomiekot-extra
market-makers
rss-svart-marknad