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)

239 JSJ Vets Who Code with Jerome Hardaway

239 JSJ Vets Who Code with Jerome Hardaway

00:55 - Introducing Jerome HardawayVets Who CodeRuby Rogues PodcastFacebookTwitterInstagram02:10 - Spouses and dependants of Vets Who Code06:55 - Accepting and rejecting applicants10:10 - The GI BillOperation CodeDreamforce15:45 - Military language and coding18:20 - PTSD, trauma, and coding21:10 - Moving past the veteran stigma25:45 - Military backgrounds as an asset for jobs30:45 - The future of Vets Who Code32:35 - How much does it cost to be part of the program?General Assembly36:15 - Is it easier or harder for Vets to get hired?39:15 - Stories and memories42:30 - Contributing to Vets Who CodeContact hello@vetswhocode.io to become a mentorDonate: https://vetswhocode.kindful.com/SwearJarHiring managers please contact Jerome@vetswhocode.ioPicks: Soft Skills Engineering Podcast (Dave) Soft Skills Engineering Twitter (Dave) Awesome Algorithms Github list (Aimee) “The Churn” blog post by Bob Martin (Aimee) The 12 Week Year by Brian P. Moran and Michael Lennington (Charles) Vets Who Code (Jerome) Practical Javascript (Jerome)Special Guest: Jerome Hardaway. 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 Nov 201652min

238 JSJ Intellectual Property and Software Forensics with Bob Zeidman

238 JSJ Intellectual Property and Software Forensics with Bob Zeidman

TOPICS:03:08 The level of difficulty in determining code creators on the Internet04:28 How to determine if code has been copied10:00 What defines a trade secret12:11 The pending Oracle v Google lawsuit25:29 Nintendo v Atari27:38 The pros and cons of a patent29:59 Terrible patents33:48 Fighting patent infringement and dealing with “patent trolls”39:00 How a company tried to steal Bob Zeidman’s software44:13 How to know if you can use open source codes49:15 Using detective work to determine who copied whom52:55 Extreme examples of unethical behavior56:03 The state of patent lawsPICKS: Cognitive Bias Cheat Sheet Blog Post Bagels by P28 Foods Let’s Encrypt Indigogo Generosity Campaign Super Cartography Bros AlbumMicroConf 2017MindMup Mind Mapping Tool Words with Friends Game Upcoming Conferences via Devchat.tv Good Intentions Book by Bob Zeidman Horror Flick Book by Bob ZeidmanSilicon Valley NapkinsSpecial Guest: Bob Zeidman. 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 Nov 20161h

237 JSJ CLls - Ember Angular and React with Tracy Lee

237 JSJ CLls - Ember Angular and React with Tracy Lee

TOPICS:3:57 The exciting facets of CLI’s8:25 Advantages of CLI projects11:25 Coding in RAILS14:18 Disagreeing with conventions encoded in a CLI19:30 How REACT CLI functions20:43 Is Ember cheating by using REACT CLI?26:52 Which CLI is easiest to use29:00 How to add commands to a CLI34:00 The future of current CLI’s35:30 How well CLI’s are working for their respective communities37:00 The impact of WebPacPICKS: “How Break Points are Set” Hacker News ArticleChocolate Mint TeaTen Things Wise Parents Know Book Strong Fathers, Strong Daughters Book Boys Should Be Boys Book “How Half of America Lost its Effing Mind” Blog Post Elementary TV ShowRecommendation Form for Topics and GuestsAmazon SmileAngular CruiseSweet Licorice Mint Tea by Choice Organic TeasVan’s Nintendo SneakersRESOURCES AND CONTACT INFO:Tracy's E-mailSpecial Guest: Tracy Lee. 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 Nov 201650min

236 JSJ Interview with Mads Kristensen from Microsoft Ignite

236 JSJ Interview with Mads Kristensen from Microsoft Ignite

TOPICS:4:00 Things that make web development more difficult7:40 The developer experience with Angular10:40 How cognitive cost affects the user experience16:52 The variety of users for whom Mads’ software is built22:14 Creating accessible javascript tools that aren’t immediately outdated28:20 Why people shouldn’t be using dependency installers34:00 Node updatesQUOTES:“The massive introduction of new tools all the time is a big part of what makes web development harder.” -Mads Kristensen“I’m not a pretty pixels person, I’m a code and algorithms person.” -AJ O’Neill“I’m not hearing hype about people using HTTP2 to get those benefits, I’m only hearing hype around tools that Static built.” -AJ O’NeillPICKS: Death Note Anime ShowJS Remote ConferenceThe Alloy of Law Book by Brandon SandersonZig Zigler Books on AudibleMr. Robot TV ShowRESOURCES & CONTACT INFO:Mads on TwitterMads’ Website Special Guest: Mads Kristensen. 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 Nov 201644min

235 JSJ JavaScript Devops and Tools with Donovan Brown and Jordan Matthiesen

235 JSJ JavaScript Devops and Tools with Donovan Brown and Jordan Matthiesen

00:50 Intro to guests Donovan Brown and Jordan Matthiesen1:14 Javascript and Devops3:49 Node JS and integrating with extensions11:16 Learning Javascript coming from another language15:21 Visual Studio Team Services at Microsoft, integration and unit testingVisualstudio.comDonovanbrown.com25:10 Visual Studio Code and mobile developmentApache Cordova open source project31:45 TypeScript and tooling33:03 Unit test tools and methods38:39 ARM devices and integrationQUOTES:“It’s not impossible, it’s just a different set of challenges.” - Donovan Brown“Devops is the union of people, process and products to enable continuous delivery of value to your end users” - Donovan Brown“Apps start to feel more native. They can actually get form.” - Jordan MatthiesenPICKS: Veridian Dynamics (AJ) Jabberwocky Video (AJ) Hard Rock Cafe - Atlanta (Charles) CES (Charles)3D printers (Donovan) High-Yield Vegetable Gardening (Jordan)taco.visualstudio.comJordan on Twitter @jmatthiesenVisualstudio.comDonovanbrown.comDonovan on Twitter @donovanbrown SPONSORS:Front End MastersHired.comSpecial Guests: Donovan Brown and Jordan Matthiesen. 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 Okt 201648min

234 JSJ JAMStack with Brian Douglas and Matt Christensen

234 JSJ JAMStack with Brian Douglas and Matt Christensen

1:00 Intro to guests Brian Douglas and Matt Christensen2:20 Definition of JAMStack8:12 JAMStack and confusion over nomenclature12:56 JAMStack and security, reliability and performance17:05 Example of traffic spike for company Sphero18:26 Meaning of hyperdynamic20:35 Future and limits of JAMStack technology26:01 Controlling data and APIs versus using third parties28:10 Netlify.com and JAMStack31:16 APIs, JavaScript framework and libraries recommended to start building on JAMStack35:13 Resources and examples of JAMStack: netlify.com, Netlify blog, JAMStack radio, JAMStack SF Meetup QUOTES:“I think in the next couple of years we’re going to see the limits being pushed a lot for what you can do with this.” - Matt“Today we’re starting to see really interesting, really large projects getting built with this approach.” - Matt“If you can farm 100% of your backend off to third parties, I feel like that really limits a lot of the interesting things you can do as a developer.” - BrianPICKS: Early History of Smalltalk (Jamison) React Rally 2016 videos (Jamison) FiveStack.computer (Jamison) Falsehoods programmers believe about time (Aimee) Nodevember conference (Aimee) 48 Days Podcast (Charles) Fall of Hades by Richard Paul Evans (Charles) Jon Benjamin Jazz (Brian) RailsConf 2016 (Brian) React Native (Brian) Book of Ye Podcast (Brian) Aurora by Kim Stanley Robinson (Matt)Sequoia Capital websiteSphero websiteIsomorphic rendering on the Jam Stack by Phil HawksworthSPONSORS:Front End MastersHired.comSpecial Guests: Brian Douglas and Matt Christensen. 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 Okt 201647min

233 JSJ Google Chrome Extensions with John Sonmez

233 JSJ Google Chrome Extensions with John Sonmez

02:50 The definition of a plug-in03:31 The definition of an extension05:09 The way to determine the plug-ins and extensions you are running08:22 How to create an extension file11:02 The appeal of creating extensions13:26 How John got into creating extensions15:48 Ways to organize extensions19:38 Aspects of chrome that will affect extensions23:23 Packaging for the Chrome store26:22 Using dev tools29:42 Conflicting plug-ins/extensions and how to deal with them31:30 Open source extensions32:32 A quick way to create an extensionQUOTES:“I teach software developers how to be cool.” –John Sonmez“There wasn’t an ability to extend the dev tools, but now there is.” –John Sonmez“One quick way to create an extension is just to take one of these sample apps…and then just start modifying it…” –John SonmezPICKS: “Django Unchained” Website “Using Angular 2 Patterns in Angular 1.x” Apps Egghead Course Girls’ Life vs. Boys’ Life on Refinery29 Webinar Jam Software  “Five Mistakes That are Keeping You From Getting Hired” Webinar Screencastify Chrome Extension How to Fail at Almost Everything and Still Win Big Book on Amazon The Complete Software Developers Career Guide Book in Progress Simple Programmer Website Simple Programmer on YoutubeSpecial Guest: John Sonmez. 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 Okt 201645min

232 JSJ GunDB and Databases with Mark Nadal

232 JSJ GunDB and Databases with Mark Nadal

03:45 What makes the Gun database engine special07:00 Defining a database12:58 The CAP Theorem22:56 What Graphs are and how they function (circular references)30:32 Gun and rotational disk systems32:08 Gun’s optimizations for performance in ensuing versions39:55 The prevalence of open source companies42:45 Further discussing the CAP Theorem and its nuances50:33 Gun’s purpose and design52:13 What a Firebase is54:22 How to get started with Gun - Visit Gun Tutorial,  Gun's Github Page, andGun Node ModuleQUOTES:“I think the database should bend to your application’s demands, rather than you having to bend to the database’s demands.” –Mark Nadal“…The protocol that GUN defines is something that can be implemented in any language. Because GUN is in the language, you don’t have the context which latency of having to make an HTTP call or socket request…” –AJ O’Neill“Let’s demystify the black magic of CAP.” –Mark NadalPICKS:Dan North’s Deliberate Learning Video8Tracks Internet RadioPokemon Indigo League on NetflixDaplie Personal CloudYoung Frankenstein Movie Mystic Vale Card GameJS Remote ConferenceReact Remote ConferenceFarm Heroes Super Saga Game AppSpecial Guest: Mark Nadal. 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 Okt 20161h 4min

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