POPULARITY
In this episode of the Modern Web podcast, Tracy Lee and Rob Ocel sit down with Sarah Shook, a UI/UX engineer at Hunter Industries. They discuss the topic of Sarah's THAT Conference talk on color theory, exploring the intricacies of RGB, HSL, and hex color models. The discussion also touches on the importance of understanding how color accessibility impacts your page's performance. Chapters - 00:00 - Introduction and Guest Introduction - 01:30 - Balancing Work and Parenthood - 03:20 - Family-Friendly Conferences and THAT Conference Experience - 05:45 - Overview of Sarah's Presentation on Color Theory - 07:00 - Understanding Additive and Subtractive Color Models - 09:00 - RGB to Hex Conversion Explained - 11:45 - Importance of Color Theory in Web Development - 14:00 - Accessibility and Color Luminescence - 16:00 - Tools and Resources for Color Accessibility - 18:30 - Sarah's Experience with Vue and Other Frameworks - 21:00 - Discussion on Framework Deployment and Tooling - 23:15 - The Challenges and Benefits of Learning Multiple Frameworks - 25:00 - Tailwind, TypeScript, and Framework Preferences - 27:00 - Vue Community and Tooling Insights - 29:00 - Advanced JavaScript and TypeScript Content with DropJS - 31:00 - Sarah's Color Utility Project and Where to Find Her - 32:30 - Closing Thoughts and Outro Follow Sarah Shook on Social Media Twitter: https://x.com/shookcodes Linkedin: https://www.linkedin.com/in/sarahshook/ Github: https://github.com/shookcodes
Aiden joins us to talk about his project, Million JS, and all the tech he's implementing with it.Show Notes00:00 Intro and Welcome Aiden02:01 Aidens Background 04:36 Expereince With React07:33 Virutal DOM09:57 Sevelte Talk 11:54 Million JS15:51 Representation of Virtual DOM17:39 Block DOM 19:01 Limitations21:18 Static Analysis29:26 Naming MillionJS30:12 Other Frameworks? 33:20 Landing Pages36:14 Marketing Stratedgies 38:27 Teams42:22 What's Next44:37 Picks and Plugs
“The strength of SRE is in the alignment of operational concerns between the product management, product development, and product operations." Dr. Vladyslav Ukis is the Head of R&D at Siemens Healthineers and author of “Establishing SRE Foundations”. In this episode, Dr. Vlad shared insights on how to establish SRE foundations from scratch based on his firsthand experience at Siemens Healthineers and the concepts described in his book. We started by discussing the basic SRE concept and how it differs from other related concepts, such as ITIL, COBIT, and DevOps. Dr. Vlad then explained in-depth how SRE implementation can help to create an alignment between the product management, product development, and product operations teams. He also shared the importance of having internal SRE coaches to facilitate this transformation and when an organisation can start realizing the benefits of implementing SRE. In the latter half, Dr. Vlad walked us through how we can begin our SRE journey, make further progress in the journey, and measure the success of our SRE implementation. Also, do not miss his sharing on how SRE implementation can help to improve reliability in a stringent industry, such as healthcare. Listen out for: Career Journey - [00:06:04] Getting to Know SRE Concept - [00:08:24] SRE vs Other Frameworks - [00:12:20] SRE Definition - [00:16:48] Ops-Development-Product Alignment - [00:19:26] SRE Coach - [00:26:36] Realizing SRE Benefits - [00:28:52] How to Begin SRE Journey - [00:31:37] SRE Journey Progression - [00:36:15] Healthcare Reliability - [00:41:48] Measuring SRE Implementation Success - [00:46:25] 3 Tech Lead Wisdom - [00:48:44] _____ Vladyslav Ukis's Bio Dr. Vladyslav Ukis graduated in Computer Science from the University of Erlangen-Nuremberg, Germany, and later from the University of Manchester, UK. He joined Siemens Healthineers after each graduation and has been working on Software Architecture, Enterprise Architecture, Innovation Management, Private and Public Cloud Computing, Team Management, Engineering Management, Portfolio Management, Partner Management, and Digital Transformation at large. He currently works as the Head of R&D for the Siemens Healthineers teamplay digital health platform, and has shared his DevOps knowledge in his book “Establishing SRE Foundations” published in 2022. Follow Dr Vlad: LinkedIn – linkedin.com/in/dr-vladyslav-ukis-5172ba32 _____ Our Sponsors Skills Matter is the global community and events platform for software professionals. You get on-demand access to their latest content, thought leadership insights as well as the exciting schedule of tech events running across all time zones. Head on over to skillsmatter.com to become part of the tech community that matters most to you - it's free to join and easy to keep up with the latest tech trends. Are you looking for a new cool swag? Tech Lead Journal now offers you some swags that you can purchase online. These swags are printed on-demand based on your preference, and will be delivered safely to you all over the world where shipping is available. Check out all the cool swags available by visiting techleadjournal.dev/shop. And don't forget to brag yourself once you receive any of those swags. Like this episode? Follow @techleadjournal on LinkedIn, Twitter, and Instagram. Pledge your support by becoming a patron. For episode show notes, visit techleadjournal.dev/episodes/117.
Jacob discusses the ways he uses Svelte in his work at Stylitics as well as some of his personal projects.SponsorsHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It's proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It's fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.Check out Hashnode, and join the community.Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it's web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.Check out daily.devShow Notes00:00 Introduction01:31 Jacob's Background03:49 Welding to Software05:29 Combining Code with Your Interests06:38 Passion10:09 Jacob's Interest in Svelte15:36 Working for Stylitics21:24 Choosing to use Svelte24:03 Finding Open-source29:05 Sponsor: Hashnode29:51 Svelete Kit Changes35:54 Sponsor: Daily.dev36:55 Other Frameworks and Side Projecst40:26 Databases42:23 Stores43:43 Picks and Plugs
Returning guest Mark Erikson joins the React Round Up team to discuss how he found himself in the position of being an open source maintainer for Redux, how he's helped shepherd/author future versions of Redux (and the complete overhauls that happened when React Hooks were introcuded), and the new examples he's written for Redux Toolkit to make Redux easier for devs to get started with. Mark also addresses some commons misconceptions around React and Redux, such as: is React Context a perfect substitute for Redux (spoiler: it's not), and is Redux still relevant today (it is). Take a listen to hear about getting into open source, where Redux is headed and Mark's broader thoughts on helping the React community document and standardize all the options out there so developers have an easier time choosing the tools needed to solve their particular problems. Panel Carl Mungazi Paige Niedringhaus TJ VanToll Zain Sajjad Guest Mark Erikson Sponsors This Dot Labs Dev Heroes Accelerator Links Cheng Lou - On the Spectrum of Abstraction at react-europe 2016 Blogged Answers: Why React Context is Not a "State Management" Tool (and Why It Doesn't Replace Redux) Coding Career Advice GitHub | markerikson/react-community-tools-practices-cheatsheet GitHub | markerikson/react-community-tools-practices-cheatsheet - Initial RFC: Scope and Goals #1 Comparison with Other Frameworks Redux Style Guide# Redux Essentials, Part 1: Redux Overview and Concepts# Redux Fundamentals, Part 1: Redux Overview# Redux Toolkit RTK Query JavaScript for Java-ish Developers Mark's Dev Blog Twitter: Mark Erikson ( @acemarke ) GitHub | Mark Erikson Picks Carl- Writing for Software Developers by Philip Kiely Mark- Josh Comeau Paige- Open source password manager - Bitwarden TJ- Bowflex SelectTech Dumbbells Zain- GitHub | zalmoxisus/redux-devtools-extension
Returning guest Mark Erikson joins the React Round Up team to discuss how he found himself in the position of being an open source maintainer for Redux, how he's helped shepherd/author future versions of Redux (and the complete overhauls that happened when React Hooks were introcuded), and the new examples he's written for Redux Toolkit to make Redux easier for devs to get started with. Mark also addresses some commons misconceptions around React and Redux, such as: is React Context a perfect substitute for Redux (spoiler: it's not), and is Redux still relevant today (it is). Take a listen to hear about getting into open source, where Redux is headed and Mark's broader thoughts on helping the React community document and standardize all the options out there so developers have an easier time choosing the tools needed to solve their particular problems. Panel Carl Mungazi Paige Niedringhaus TJ VanToll Zain Sajjad Guest Mark Erikson Sponsors This Dot Labs Dev Heroes Accelerator Links Cheng Lou - On the Spectrum of Abstraction at react-europe 2016 Blogged Answers: Why React Context is Not a "State Management" Tool (and Why It Doesn't Replace Redux) Coding Career Advice GitHub | markerikson/react-community-tools-practices-cheatsheet GitHub | markerikson/react-community-tools-practices-cheatsheet - Initial RFC: Scope and Goals #1 Comparison with Other Frameworks Redux Style Guide# Redux Essentials, Part 1: Redux Overview and Concepts# Redux Fundamentals, Part 1: Redux Overview# Redux Toolkit RTK Query JavaScript for Java-ish Developers Mark's Dev Blog Twitter: Mark Erikson ( @acemarke ) GitHub | Mark Erikson Picks Carl- Writing for Software Developers by Philip Kiely Mark- Josh Comeau Paige- Open source password manager - Bitwarden TJ- Bowflex SelectTech Dumbbells Zain- GitHub | zalmoxisus/redux-devtools-extension
Check out React Remote Conf! 02:31 - Rob Eisenberg Introduction Twitter GitHub Blog 02:55 - Aurelia Blog 03:43 - Selling People on Aurelia vs Other Frameworks 11:09 - Using Aurelia Without Directly Engaging with the API Web Components 15:10 - Production Usage 18:46 - Specific Uses 23:03 - Durandal 25:26 - Aurelia and Angular 2 30:32 - Convention Over Configuration 34:56 - Web Components Content Projection (Transclusion) Polymer 41:13 - One-directional Data Flow; Data Binding Using a Binding System as Messaging System 46:55 - Routing 49:47 - Animation 52:56 - Code Size 55:06 - Version Support 56:27 - Performance Tools 01:00:20 - Aurelia in ES5 01:01:29 - Data Management Breeze.js Picks Crispy Bacon (Joe) A Gentleman’s Guide to Love and Murder (Joe) Jamison Dance: Rethinking All Practices: Building Applications in Elm @ React.js Conf 2016 (Joe) Vessel | Lorn (Jamison) The Moon Rang Like a Bell | Hundred Waters (Jamison) The Top 10 Episodes of JavaScript Jabber (Chuck) Amazon Prime (Chuck) WiiU (Chuck) Sketch (Rob) Zeplin (Rob) servo (Rob)
Check out React Remote Conf! 02:31 - Rob Eisenberg Introduction Twitter GitHub Blog 02:55 - Aurelia Blog 03:43 - Selling People on Aurelia vs Other Frameworks 11:09 - Using Aurelia Without Directly Engaging with the API Web Components 15:10 - Production Usage 18:46 - Specific Uses 23:03 - Durandal 25:26 - Aurelia and Angular 2 30:32 - Convention Over Configuration 34:56 - Web Components Content Projection (Transclusion) Polymer 41:13 - One-directional Data Flow; Data Binding Using a Binding System as Messaging System 46:55 - Routing 49:47 - Animation 52:56 - Code Size 55:06 - Version Support 56:27 - Performance Tools 01:00:20 - Aurelia in ES5 01:01:29 - Data Management Breeze.js Picks Crispy Bacon (Joe) A Gentleman’s Guide to Love and Murder (Joe) Jamison Dance: Rethinking All Practices: Building Applications in Elm @ React.js Conf 2016 (Joe) Vessel | Lorn (Jamison) The Moon Rang Like a Bell | Hundred Waters (Jamison) The Top 10 Episodes of JavaScript Jabber (Chuck) Amazon Prime (Chuck) WiiU (Chuck) Sketch (Rob) Zeplin (Rob) servo (Rob)
Check out React Remote Conf! 02:31 - Rob Eisenberg Introduction Twitter GitHub Blog 02:55 - Aurelia Blog 03:43 - Selling People on Aurelia vs Other Frameworks 11:09 - Using Aurelia Without Directly Engaging with the API Web Components 15:10 - Production Usage 18:46 - Specific Uses 23:03 - Durandal 25:26 - Aurelia and Angular 2 30:32 - Convention Over Configuration 34:56 - Web Components Content Projection (Transclusion) Polymer 41:13 - One-directional Data Flow; Data Binding Using a Binding System as Messaging System 46:55 - Routing 49:47 - Animation 52:56 - Code Size 55:06 - Version Support 56:27 - Performance Tools 01:00:20 - Aurelia in ES5 01:01:29 - Data Management Breeze.js Picks Crispy Bacon (Joe) A Gentleman’s Guide to Love and Murder (Joe) Jamison Dance: Rethinking All Practices: Building Applications in Elm @ React.js Conf 2016 (Joe) Vessel | Lorn (Jamison) The Moon Rang Like a Bell | Hundred Waters (Jamison) The Top 10 Episodes of JavaScript Jabber (Chuck) Amazon Prime (Chuck) WiiU (Chuck) Sketch (Rob) Zeplin (Rob) servo (Rob)
Go check out Rails Remote Conf! 02:30 - Lee Byron Introduction Twitter GitHub Blog Facebook 02:46 - GraphQL [GitHub] graphql Relay 04:16 - GraphQL vs REST 09:43 - Endpoints Security 13:33 - How the Stack Works graphql-ruby 19:35 - GraphQL on the Front and Back Ends Type Checking Contracts Versions 36:14 - Calculating Tradeoffs 43:38 - Structuring 46:17 - Building the Ecosystem 48:16 - Use with Other Frameworks JavaScript Jabber Episode #152: GraphQL and Relay with Nick Schrock and Joe Savona 49:50 - GraphQL vs Falcor 52:20 - How would you have made GraphQL differently? 54:06 - React Native 56:29 - REST => GraphQL ElixirConf 57:36 - Types Picks San Francisco (Jessica) Dolores Park (Jessica) Greg Heo: Outlining Your Conference Talk Pixar-style (Coraline) Walnut (Coraline) Tandy Leather (David) Ian Atkinson on YouTube (David) Bruce Cheaney on YouTube (David) Springfield Leather (David) Tandy Leather Outlet (David) The Ionic Framework (Chuck) CharlesMaxWood.com (Chuck) Rails Remote Conf (Chuck) All Remote Confs (Chuck) JS Remote Conf (Chuck) Flow (Lee) The Firesteel: A Novel by Ash Huang (Lee)
Go check out Rails Remote Conf! 02:30 - Lee Byron Introduction Twitter GitHub Blog Facebook 02:46 - GraphQL [GitHub] graphql Relay 04:16 - GraphQL vs REST 09:43 - Endpoints Security 13:33 - How the Stack Works graphql-ruby 19:35 - GraphQL on the Front and Back Ends Type Checking Contracts Versions 36:14 - Calculating Tradeoffs 43:38 - Structuring 46:17 - Building the Ecosystem 48:16 - Use with Other Frameworks JavaScript Jabber Episode #152: GraphQL and Relay with Nick Schrock and Joe Savona 49:50 - GraphQL vs Falcor 52:20 - How would you have made GraphQL differently? 54:06 - React Native 56:29 - REST => GraphQL ElixirConf 57:36 - Types Picks San Francisco (Jessica) Dolores Park (Jessica) Greg Heo: Outlining Your Conference Talk Pixar-style (Coraline) Walnut (Coraline) Tandy Leather (David) Ian Atkinson on YouTube (David) Bruce Cheaney on YouTube (David) Springfield Leather (David) Tandy Leather Outlet (David) The Ionic Framework (Chuck) CharlesMaxWood.com (Chuck) Rails Remote Conf (Chuck) All Remote Confs (Chuck) JS Remote Conf (Chuck) Flow (Lee) The Firesteel: A Novel by Ash Huang (Lee)
Go check out Rails Remote Conf! 02:30 - Lee Byron Introduction Twitter GitHub Blog Facebook 02:46 - GraphQL [GitHub] graphql Relay 04:16 - GraphQL vs REST 09:43 - Endpoints Security 13:33 - How the Stack Works graphql-ruby 19:35 - GraphQL on the Front and Back Ends Type Checking Contracts Versions 36:14 - Calculating Tradeoffs 43:38 - Structuring 46:17 - Building the Ecosystem 48:16 - Use with Other Frameworks JavaScript Jabber Episode #152: GraphQL and Relay with Nick Schrock and Joe Savona 49:50 - GraphQL vs Falcor 52:20 - How would you have made GraphQL differently? 54:06 - React Native 56:29 - REST => GraphQL ElixirConf 57:36 - Types Picks San Francisco (Jessica) Dolores Park (Jessica) Greg Heo: Outlining Your Conference Talk Pixar-style (Coraline) Walnut (Coraline) Tandy Leather (David) Ian Atkinson on YouTube (David) Bruce Cheaney on YouTube (David) Springfield Leather (David) Tandy Leather Outlet (David) The Ionic Framework (Chuck) CharlesMaxWood.com (Chuck) Rails Remote Conf (Chuck) All Remote Confs (Chuck) JS Remote Conf (Chuck) Flow (Lee) The Firesteel: A Novel by Ash Huang (Lee)
Check out RailsClips on Kickstarter!! 01:41 - Craig McKeachie Introduction Twitter Blog The JavaScript Framework Guide by Craig McKeachie 02:07 - Routing UI-Router: Why many developers don’t use AngularJS’s built-in router 03:48 - Essential Characteristics of a Router 04:53 - Emphasis on the URL 10:03 - UI Router > Custom Directives, Includes, or ngSwitch Ember interview with Tom Dale, a Robust Framework Nested Views / Child Routes 12:06 - Nested Routes How to make Angularjs nested routes? 15:09 - Boxes: “Boxes in boxes in boxes” ng-view 19:44 - Navigation and Code Maintenance 25:28 - Routers in Other Frameworks and the Angular 1.4 Router The new Router for AngularJS by Rob Eisenberg at ng-europe 2014 Rob Eisenberg: Angular 2.0 Router Scenarios 27:28 - Page Lifecycle Support 37:44 - State Object URL Routing ng-conf News The Adventures in Angular Crew will be doing a LIVE panel at ng-conf on Friday, March 6th, 2015 during lunchtime at noon! Picks ng-conf (John) Angular U (John) ng-vegas (John) The Way of Kings (The Stormlight Archive, Book 1) by Brandon Sanderson (Joe) Craig McKeache's Blog Post - UI-Router: Why many developers don’t use AngularJS’s built-in router (Ward) Ira Glass on Storytelling, part 1 of 4 (Ward) RailsCasts Kickstarter (Chuck) Developers’ Box Club (Chuck) Ruby Remote Conf (Chuck) A Pirate's Adventure ~ Treasures of the Seven Seas (Craig) The Ginormous Unstoppable Angular Resource List of Angular Resources (Craig)
Check out RailsClips on Kickstarter!! 01:41 - Craig McKeachie Introduction Twitter Blog The JavaScript Framework Guide by Craig McKeachie 02:07 - Routing UI-Router: Why many developers don’t use AngularJS’s built-in router 03:48 - Essential Characteristics of a Router 04:53 - Emphasis on the URL 10:03 - UI Router > Custom Directives, Includes, or ngSwitch Ember interview with Tom Dale, a Robust Framework Nested Views / Child Routes 12:06 - Nested Routes How to make Angularjs nested routes? 15:09 - Boxes: “Boxes in boxes in boxes” ng-view 19:44 - Navigation and Code Maintenance 25:28 - Routers in Other Frameworks and the Angular 1.4 Router The new Router for AngularJS by Rob Eisenberg at ng-europe 2014 Rob Eisenberg: Angular 2.0 Router Scenarios 27:28 - Page Lifecycle Support 37:44 - State Object URL Routing ng-conf News The Adventures in Angular Crew will be doing a LIVE panel at ng-conf on Friday, March 6th, 2015 during lunchtime at noon! Picks ng-conf (John) Angular U (John) ng-vegas (John) The Way of Kings (The Stormlight Archive, Book 1) by Brandon Sanderson (Joe) Craig McKeache's Blog Post - UI-Router: Why many developers don’t use AngularJS’s built-in router (Ward) Ira Glass on Storytelling, part 1 of 4 (Ward) RailsCasts Kickstarter (Chuck) Developers’ Box Club (Chuck) Ruby Remote Conf (Chuck) A Pirate's Adventure ~ Treasures of the Seven Seas (Craig) The Ginormous Unstoppable Angular Resource List of Angular Resources (Craig)
Check out RailsClips on Kickstarter!! 01:41 - Craig McKeachie Introduction Twitter Blog The JavaScript Framework Guide by Craig McKeachie 02:07 - Routing UI-Router: Why many developers don’t use AngularJS’s built-in router 03:48 - Essential Characteristics of a Router 04:53 - Emphasis on the URL 10:03 - UI Router > Custom Directives, Includes, or ngSwitch Ember interview with Tom Dale, a Robust Framework Nested Views / Child Routes 12:06 - Nested Routes How to make Angularjs nested routes? 15:09 - Boxes: “Boxes in boxes in boxes” ng-view 19:44 - Navigation and Code Maintenance 25:28 - Routers in Other Frameworks and the Angular 1.4 Router The new Router for AngularJS by Rob Eisenberg at ng-europe 2014 Rob Eisenberg: Angular 2.0 Router Scenarios 27:28 - Page Lifecycle Support 37:44 - State Object URL Routing ng-conf News The Adventures in Angular Crew will be doing a LIVE panel at ng-conf on Friday, March 6th, 2015 during lunchtime at noon! Picks ng-conf (John) Angular U (John) ng-vegas (John) The Way of Kings (The Stormlight Archive, Book 1) by Brandon Sanderson (Joe) Craig McKeache's Blog Post - UI-Router: Why many developers don’t use AngularJS’s built-in router (Ward) Ira Glass on Storytelling, part 1 of 4 (Ward) RailsCasts Kickstarter (Chuck) Developers’ Box Club (Chuck) Ruby Remote Conf (Chuck) A Pirate's Adventure ~ Treasures of the Seven Seas (Craig) The Ginormous Unstoppable Angular Resource List of Angular Resources (Craig)