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 425: The Evolution of JavaScript

JSJ 425: The Evolution of JavaScript

Dan Shappir takes the lead and walks the panel through the history of JavaScript and a discussion on ES6, TypeScript, the direction and future of JavaScript, and what features to be looking at and looking for in the current iteration of JavaScript.PanelAJ O’NealAimee KnightCharles Max WoodSteve EdwardsDan ShappirSponsorsTaiko - free and open source browser test automationSplit____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________LinksThe TC39 ProcessLe Creuset Star Wars™ Han Solo Roaster | Williams Sonoma124 JSJ The Origin of Javascript with Brendan EichCrockford on JavaScriptLe Creuset TurkeyMJS 108: Dan ShappirMJS 132: Douglas CrockfordJSJ 392: The Murky Past and Misty Future of JavaScript with Douglas Crockford"Things You Can Do In ES6 That Can't Be Done In ES5" - View Source talk by Dan ShappirObject Property Value Shorthand in JavaScript with ES6Spread syntax - JavaScript | MDNJavaScript for-loops are… complicated - HTTP203Optional chaining - JavaScript | MDNBreaking Chains with Pipelines in Modern JavaScriptPicksAJ O’Neal:Expert SecretsCourse Creator ProBraun Series 7Aimee Knight:Kickstarter Employees Win Historic Union ElectionBroccoli Sprouts Nutrition And Benefits Of SulforaphaneCharles Max Wood:The ExpanseThe Masked SingerLEGO MastersSteve Edwards:BeanoSteve Wright HBO specialDan Shappir:CC 001: Clean Agile with Robert "Uncle Bob" Martin.NET 019: The History of .NET with Richard CampbellRRU 097: State Management and React Component Design with Becca BaileyFollow JavaScript Jabber on Twitter > @JSJabberSupport 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 Mars 20201h 18min

JSJ 424: UI5 and web components with Peter Muessig

JSJ 424: UI5 and web components with Peter Muessig

In this episode of JavaScript Jabber the panelists and guest delve into the advantages of the shadow dom, transitioning from polymer js polyfills to native web components when moving for SAP UI to UI5, which works within React, Vue, Angular, and others.PanelAJ O’NealAimee KnightSteve EdwardsDan ShappirGuestPeter MüßigFollow Peter on Twitter > @pmuessig, GithubSponsorsTaiko, free and open source browser test automation____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________LinksOpenUI5Home - SAPUI5 SDKPicksAJ O’Neal:Vinyl ClocksAcrylic StandAJ's YouTube Channel (AMA)Aimee KnightAnnouncing Div Ops as the Slack and Reddit communitiesSteve EdwardsToday on Pearls Before Swine - Comics by Stephan PastisDan ShappirThe Wixing Street Interview | Facts about Wixing in GermanyWix.com werbung | versuch nicht zu lachenUI5 Web ComponentsPeter MüßigJavaScript Jabber Follow JavaScript Jabber on Twitter > @JSJabber Special Guest: Peter Muessig. 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 Mars 202042min

JSJ 423: State of JS

JSJ 423: State of JS

The panelists discuss that latest State of JS survey. They begin talking about the merits and methods of the survey and then discuss the value you can extract from the survey. They also consider the various comparisons and trends presented by the survey and what they may mean.Panel:AJ O’NealAimee KnightCharles Max WoodDan ShappirSponsors:G2i | Enjoy the luxuries of freelancing ____________________________________________________________  "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________Links:The State of JavaScript 2019Picks:Aimee Knight:Fruit and Veggie TraysA curated list of Chaos Engineering resources.AJ O’Neal:Gear.Club UnlimitedCharles Max Wood:Clean Coders PodcastWorkshops with ChuckDan Shappir:Wix Engineering BlogBeating Textbook Algorithms in String Search Follow JavaScript Jabber on Twitter > @JSJabber   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 Mars 202050min

JSJ 422: CSS and Houdini with Una Kravets

JSJ 422: CSS and Houdini with Una Kravets

Una Kravets talks to the panel about CSS and its future. We dive into what Houdini is and how much of it is implemented in the browsers. She explains how the changes outlined in Houdini will improve the user experience on the web and developer experience for web developers.Panel:Aimee KnightAJ O’NealCharles Max WoodGuest:Una KravetsSponsors:Split____________________________________________________________  "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________Links:CSS HoudiniWorking with the new CSS Typed Object ModelPaintWorklet.registerPaint | MDNIs Houdini Ready Yet?extra.cssNew horizons in CSS: Houdini and the Paint APICSS Houdini ExperimentsPicks:Aimee Knight:Things you can do with a browser in 2020AJ O’Neal:SD Card WalletSP 128gb MicroSDRocketekCharles Max Wood:Gmelius (Affiliate link)MyPillowChilipad (Affiliate link)Una Kravets:Follow Una on Twitter - @UnaUna's Podcast - ToolsdayWeb Series: Designing in the BrowserHaving a nice CouchBob's Discount FurnitureSpecial Guest: Una Kravets. 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.

25 Feb 20201h

JSJ 421: Semantic HTML with Bruce Lawson

JSJ 421: Semantic HTML with Bruce Lawson

Bruce Lawson is an expert in and proponent of semantic HTML. After receiving some good natured ribbing, Bruce walks the panel through the benefits of semantic HTML. He provides several examples on how it's used and in particular how it helps with other issues like accessibility and navigability on your websites.PanelAJ O’NealAimee KnightCharles Max WoodDan ShappirGuestBruce LawsonSponsorsG2iSpringboard | Promo code "JABBER" gives $500 off the job-guaranteed Course____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________LinksWebAIM: Web Accessibility In Mind<input type="date">The 4 minute business case for accessible online shoppingPicksAJ O’Neal:Better Mic SoundCanon T4i 650DCanon T5i CourseMagic LanternFilmic Pro & PromovieAimee Knight:AddyOsmani.com - Native image lazy-loading for the web!Charles Max Wood:Codineer - 100 days of Vue challengeDan Shappir:Alex Russell - The Mobile Web: MIABruce Lawson WebsiteBruce Lawson:Taffy music bandFollow Bruce on Twitter @brucelSpecial Guest: Bruce Lawson. 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.

18 Feb 20201h 8min

JSJ 420: OpenAPI, Redoc, and API Documentation with Adam Altman

JSJ 420: OpenAPI, Redoc, and API Documentation with Adam Altman

Adam dives into how to document your application using OpenAPI (formerly Swagger) and then how to generate great documentation for your API's using Redoc. He gives us the history of Redoc, breaks down the process for building API documentation, and understanding the OpenAPI specification.PanelistsAimee KnightDan ShappirAJ ONealSteve EdwardsGuestAdam AltmanSponsorsG2i____________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________Linkshttps://twitter.com/redoclyHttps://Redoc.lyhttps://www.facebook.com/redoclyPicksSteve Edwards:https://wesbos.com/announcing-my-css-grid-course/https://flexbox.io/Aimee Knight:https://github.com/ErikCH/DevYouTubeListDan Shappir:Old Kingdom Book SeriesAJ O’Neal:Final Fantasy VII and VIII (Physical Copy, English) on Play AsiaAdam Altman:concepts.appSpecial Guest: Adam Altman. 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 Feb 202045min

JSJ 419: Google App Script with Ben Collins

JSJ 419: Google App Script with Ben Collins

Today’s guest is Ben Collins, who creates online courses, writes tutorials, and teaches workshops around G Suite and App Script. Apps Script is a scripting platform developed by Google for light-weight application development in the G Suite platform. It is an implementation of JavaScript with the express purpose of extending Google apps. App Script was started 10 years ago as a side project, and it eventually took on its own life. Ben talks about some of the different things that App Script can do and where things are stored. They discuss different ways you can get into the script and how to import external scripts from a CDN. Ben gives two examples, one simple and one sophisticated, that you might build from App Script. He talks about event triggers and how authentication is handled. He goes over the three deployment options, namely web app, app executable, sheets add-on, and deploying from the manifest. Ben talks about how triggers are managed in App Script and options for debugging. There is also the option to develop locally as well as in the browser. The show ends with him talking about how to build using HTML in App Script.PanelistsAimee KnightSteve EdwardsDan ShapirGuestBen CollinsSponsorsG2iSplit____________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________LinksG SuiteAppScriptClaspPicksSteve Edwards:King Kong ApparelAimee Knight:Developers Mentoring Other DevelopersDan Shapir:The Web AlmanacAJ O’Neal:PhotographyMagic LanternBem Collins:Cold Turkey appFollow Ben at Benlcollins.com and TwitterSpecial Guest: Ben Collins. 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 Feb 202049min

JSJ 418: Security Scary Stories and How to Avoid Them with Kevin A McGrail

JSJ 418: Security Scary Stories and How to Avoid Them with Kevin A McGrail

In this episode of JavaScript Jabber the panel interviews security expert, Kevin A. McGrail. He starts by explaining what security frameworks and what they do. The panel wonders how to know if your developers are capable of self-auditing your security or if you need help. Kevin shares recommendations for companies to look at to answer that question. Aimee Knight explains the hell she has been in making changes to be compliant with CCPA. The panel considers how policies like this complicate security, are nearly impossible to be compliant with and how they can be weaponized. They discuss the need for technical people to be involved in writing these laws. Kevin explains how you can know how secure your systems actually are. He shares the culture of security first he tries to instill in the companies he trains. He also trains them on how to think like a bad guy and explains how this helps developers become security first developers. The panel discusses how scams have evolved and how the same scams are still being run. They consider the importance of automated training and teaching developers to do it right the first time.Finally, they consider the different ways of authentication, passwords, passphrases, sim card, biometrics. Kevin warns against oversharing or announcing vacations. The panel discusses real-world tactics bad guys use. Kevin explains what he trains people to do and look out for to increase security with both social engineering and technical expertise. PanelistsAimee KnightAJ O’NealCharles Max WoodDan ShappirSteve EdwardsGuestKevin A McGrailSponsors ABOUT YOU | aboutyou.com/applySplitCacheFly____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________LinksGhost in the Wireshttps://www.infrashield.com/ Follow DevChatTV on Facebook and Twitter PicksAimee Knight:The More Gender Equality, the Fewer Women in STEM  AJ O’Neal:I'll Let Myself In: Tactics of Physical Pen Testers  Copying Keys from Photos, Molds & More  The LED Traffic Light and the Danger of "But Sometimes!"  Regina Spektor  The Weepies  Dan Shappir:This is what happens when you reply to spam email  What is Your Password?  Kevin A McGrail:XKCD Security  IT Crowdhttps://spamassassin.apache.org/Steve Edwards:XKCD Password Generator  Nerd SnipingSpecial Guest: Kevin A. McGrail. 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.

28 Jan 20201h 29min

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