devMode.fm

devMode.fm

By Andrew Welch, Ryan IrelanTechnologyTech News
Download on the App Store

devMode.fm episodes

  • Web Performance with @csswizardry Harry Roberts

    On this episode, @csswizardry Harry Roberts regales us with stories from the trenches, discussing the real-world web performance problems he’s helped companies overcome, and how.


    We go on to discuss how to how to help justify to expense of optimizing for performance, and how it’s really a business decision in terms of what ends up making the company more money.

    We go on to discuss the massive energy used by data centers used to power the web, their environmental impact, and the “butterfly effect” of small changes we developers make that can result in huge results.

    Finally, Harry tells us his top 3 things that are most important to keep in mind when you want to build a performant site. Apologies for minor sound quality issues with Harry’s audio, but the content is worth it!

    • CSSWizardry.com
    • Tailwind CSS based on ITCSS
    • Why Speed Matters
    • The Need for Mobile Speed
    • A Pretty Website Isn't Enough
    • Tags Gone Wild! Managing Tag Managers
    • The cost of JavaScript in 2019
    • Post-Mortem: Applied Image Optimization
    • Essential Image Optimization
    • The Ethics of Web Performance
    • Power Hungry: The Growing Energy Demands of Data Centers
    • Why Energy Is A Big And Rapidly Growing Problem For Data Centers
    • WebPageTest.org
    • Request Map
    • Speed Curve
    • La Tomatina Festival
      1 hr 1 min
    • Development and the Art of Focus

      Matt Stein from Working Concept hosts this episode all about the art of focus, joined by special guests Brandon Kelly from Pixel & Tonic and Ransom Roberson from Venveo.


      The devMode.fm crew discusses the very different strategies we’ve each each adopted to help us maintain focus, and discuss how work/life balance comes into play as well.

      We learn that Matt spends an unusual amount of time composing tweets, stemmed from his current obsession of typing using an old-school typewriter.

      • Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones
      • Cal Newport - Deep Work
      • Eat That Frog!
      • Finland’s new prime minister calls for four-day working week
      • Steve Reich, "Music for 18 Musicians" - FULL PERFORMANCE with eighth blackbird
      • Music for pieces of wood - Steve Reich
      • Inside Bill's Brain: Decoding Bill Gates | Netflix Official Site
      • The BuJo Backstory
        58 min
      • Building Mobile Apps with React Native

        On this episode we talk with Paulo Ellias about building real native iOS and Android apps in React native.


        Even if your bread and butter is web development, exploring the options available to you like React Native that allow you to leverage your existing skills can be a really positive outcome.

        We discuss what it’s like to go from building CMS websites to building React frontends to building React Native apps, and how it’s not as much of a leap as you might think.

        We go on discuss some real world projects where React Native might be an extremely viable option, and explore some of the tooling around React Native such as Expo.

        • React Native
        • React Native Showcase
        • React Native Web
        • Ionic Framework
        • Expo
        • What Is React Native?
        • Can it be done in React Native?
        • React Native School
        • Running of the Bulls
          54 min
        • Framework Agnostic Web Components with Stencil

          On this episode, we’re joined by Adam Bradley & Manu Martinez-Almeida, the Ionic Framework team behind Stencil!


          We learn how Stencil is a build tool that allows you to create framework agnostic components that work with all of the major JavaScript frameworks, including no framework at all as Web Components.

          We discuss how the Ionic Framework’s need to solve the puzzle of components working with multiple frameworks lead to the creation of Stencil. And Stencil is an OSS build tool that you can leverage whether you use the Ionic Framework or not.

          If your design systems need to outlive the vagaries of the JavaScript world, or you work with multiple projects or teams that use different frameworks, you’ll want to give this one a listen!

          • Stencil
          • Stencil Github
          • Why We Use Web Components
          • Stencil: A Built-Time Approach to the Web
          • Ionic Framework
          • Stencil & Web Components used by Apple
          • Components without a Framework
            55 min
          • devMode 2019 Holiday Special

            This special holiday episode of devMode.fm is some roundtable banter with many of the regular devMode.fm hosts, and nothing technical is discussed at all.


            Instead, we delve into the history of eggnog — We thought Michael was reading from Wikipedia but turns out he’s just obsessed — betel nut chewing, and other holiday traditions.

            We start to discuss holiday plans, but quickly transition to a [spoiler-free] discussion of Star Wars Episode 9: The Rise of Skywalker, the Mandalorian, whether actors/actresses will be replaced by CGI, and other festive topics.

            Finally, we wrap things up with how much (or how little) we’re working over the holidays, and favorite gifts we’re excited to be giving this year!

            • Eggnog History
            • George Washington's eggnog recipe
            • Michael's 2019 eggnog
            • The Best Eggnog Ever
            • Jonathan Secret Eggnog recipe
            • Wilt Chamberlain Had a Lot of Sex
            • Star Wars The Rise of Skywalker NON-SPOILER REVIEW
            • Alita: Battle Angel | Behind the Scenes
            • Giving CG Characters Some Bite
            • The Mandalorian
            • Ugly People Wanted for Lord of the Rings series
            • The Pagan Roots of Christmas
            • Star Wars Pajamas
            • Tropical Christmas
            • Asia's deadly secret: The scourge of the betel nut
              59 min
            • Handling Developer Burnout

              On this episode, we have a roundtable discussion on developer burnout spear­head­ed by Ben Parizek of Barrrel Strength Design, along with our guest Ben Cro­ker of PutYourLightsOn.


              We talk about all of our personal experiences with developer burnout, in terms of what it feels like, what and whom it impacts, and also how to deal with it.

              We center the talk around Ben’s struggle with his own burnout, but then discover that every single one of us has felt it to one degree or another. And so we also talk about ways to cope, and strategies for avoiding or mitigating developer burnout.

              Apologies for the dog in the background… Aya is a disservice dog. It’s better to burn out than fade away…

              • Burn-out an "occupational phenomenon"
              • Burnout and renewal
              • Burnout: Our Civilization’s Disease
              • Unfu*k Yourself
              • Office Space
              • Damn it feels good to be a ganster
              • Getting Things Done
              • How to “Get Action” Like Theodore Roosevelt
              • Is Beaver Butt Really Used To Flavor Your Dessert?
                1 hr
              • Exploring Data Visualization with d3.js

                On this episode, we talk with Amelia Wattenberger, a frontend & UX developer at Parse.ly about data visualization aka dataviz.


                We discuss the origins of dataviz, and how it can be used to tell a narrative with the immediacy and visceral connection that can be difficult to do with other mediums.

                We discuss Amelia’s personal approach to dataviz, and discuss the d3.js library at length. d3.js is a broad library of modules that you can use as a dataviz construction kit, and we discuss how to get starting doing just that!

                • d3.js Data-Driven Documents
                • Mike Bostock, creator of D3.js
                • Amelia Wattenberger
                • Fullstack D3 & Data Visualization book
                • Debate Games dataviz
                • React Repo dataviz
                • How to Learn d3.js dataviz
                • Why I no longer use D3.js
                • Thinking in React Hooks dataviz
                • Death by Water Bill Gates infographic
                • Bedbug Outbreaks, Metro NYC
                • Aoex Charts
                • Vega – A Visualization Grammar
                • Webperf plugin
                • webpack-bundle-analyzer
                • How Family IncomePredicts Children’s College Chances
                • Factfulness: Ten Reasons We're Wrong About the World
                • The Pudding
                • Everything You Need to Know About Fish Pedicures
                  53 min
                • Making an Insanely Good Author Experience (AX)

                  On this episode we talk with Katie Fritz from Foster Commerce about what it takes to have an awesome Author Experience (AX).


                  There’s plenty of talk about User Experience (UX) & Developer Experience (DX) but with many content-heavy websites, the content Author Experience (AX) can be of paramount importance.

                  We go from high level philosophical approaches to Author experience, down to practical things you can do to ensure the Author experience you create is great! We even talk about developer responsibility to content authors, so tune in!

                  • Craft 3 plugins for better author experience
                  • Foster Commerce
                  • The experience alphabet: AX comes before UX
                  • Prioritizing Author Experience
                  • Architecting a Content Website
                  • Crafting for the Author: 7 Principles for Improving Author Experience
                  • Don't Make Me Think
                  • Karen McGrane - Adapting Ourselves to Adaptive Content
                  • Training the CMS
                  • Content Strategy for the Web
                  • Kobe Beef
                    1 hr
                  • How, when, and why to use the JAMstack

                    In this episode, we have a roundtable discussion with a variety of experienced web developers who are at different stages of using the JAMstack, from not at all, to exploring/experimenting, to using to deliver client projects to production.


                    We’re joined by Will Browar & Marc Hartwig from Dixon Schwabl, Jake Dohm from Good Work, and Shawn “swyx” Wang from Netlify to have a really in-depth discussion on the how’s, when’s, and why’s of JAMstack.

                    If you’re not using JAMstack, or are just curiously peeking over the fence to check out the neighbor’s car… this is the podcast for you! We go into the cold hard realities of what it means to adopt this relatively new way of doing things.

                    • JAMstack
                    • Comparing JAMstack to LAMP
                    • A Journey From Twig to Gatsby
                    • Netlify
                    • AWS Amplify
                    • Zeit
                    • Very Good Security Add-on: Collect Data Securely
                    • Gatsby
                    • Gridsome
                    • Hugo
                    • Jekyll
                    • Eleventy
                    • Nuxt.js
                    • Next.js
                    • Emotion
                    • Tailwind CSS
                    • Github repo for the devMode.fm Website
                      1 hr 41 min
                    • JAMstack & Serverless with Netlify

                      On this episode, we talk to Shawn “swyx” Wang from Netlify about the JAMstack & Serverless revolution in frontend development.


                      We discuss what exactly Netlify is, and how you can leverage the Edge, Build, and Dev aspect of it to make your development process more enjoyable.

                      We talk about the challenges of maintaining Author Experience (AX) in the age of static site generators, using Live Preview functions in a CMS or service to help out.

                      We also talk about how JavaScript edge workers will gain sentience as Skynet, and the AI language model that was so dangerous they couldn’t release it.

                      • Netlify
                      • JAMstack
                      • Git-Centric Workflow: The One API to Rule Them All
                      • Comparing JAMstack to LAMP
                      • Gatsby
                      • Gridsome
                      • Hugo
                      • Jekyll
                      • Eleventy
                      • Static Svelte: JavaScript Blogging with 93% less JavaScript
                      • The Elon Musk Post Series
                      • Bringing JAMStack to the Enterprise
                      • Setting Up Your Own Image Transform Service
                      • Better Language Models and Their Implications
                      • Talk to Transformer
                      • This Beauty Contest Is for Camels
                        1 hr

                      About devMode.fm

                      From the publisher's feed

                      devMode.fm is a bi-weekly podcast dedicated to the tools, techniques, and technologies used in modern web development. We cover JavaScript frameworks like React, Vue.js, and Svelte, tooling like…