devMode.fm

devMode.fm

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

devMode.fm episodes

  • Svelte 3's radical new approach to web frameworks

    In this episode we have on Rich Harris, the creator the Svelte JavaScript framework. Rich leads us through the new Svelte 3.0 release, and how it moves away from a traditional JavaScript framework into a JavaScript framework compiler.


    This means you don’t end up shipping a monolithic framework, but rather only the JavaScript needed to do the thing. You might even call it svelte.

    We got on to discuss how this change in mindset allows for greater performance in areas that matter, and that React isn’t actually reactive but Svelte is! We talk about how his background in doing data visualization at various major new organizations (now the New York Times) influenced Svelte.

    Really an intriguing conversation even if you use another JavaScript framework, or don’t use one at all! No mustaches were harmed during this production.

    • Svelte: Cybernetically enhanced web apps
    • Svelte 3: Rethinking reactivity
    • Svelte Interactive Tutorial
    • Rethinking Reactivity video presenation
    • What is Reactive Programming?
    • Svelte 3 Reaction & QuickStart Tutorial
    • Why I don't use web components
    • Write Less Code
    • Build and Deploy Realtime Svelte 3 Apps Using GraphQL
    • Computer, Build Me an App video presentaiton
    • Fast, Bump-Allocated Virtual DOMs with Rust and Wasm
    • Mustache Surfing
      1 hr
    • Developers… Assemble! WebAssembly is here!

      On this episode we have on @GoogleDevExpert Jay Phelps from Citadel Securities about WebAssembly. We talk about what WebAssembly (or Wasm) is, and how it’s a “BIG IDEA” that’s going to impact you in the future.


      We talk about why there’s a need for something like WebAssembly, and what use-cases it solves. Then we dive deep to talk about the nitty gritty in terms of what Wasm is, and how it’s implemented under the hood.

      We also reveal the surprising fact that the devMode.fm team has been using WebAssembly without knowing it… and so have you!

      Even if you’ve only vaguely heard whispers about WebAssembly, this podcast is sure to be interesting and informative for you!

      • WebAssembly
      • Wasm Explorer
      • Jay Phelps on Twitter
      • WebAssembly Demystified video
      • A cartoon intro to WebAssembly
      • Crazy WebAssembly demo from Dan Callahan
      • Docker co-founder Solomon Hykes on WebAssembly
      • Wasm modules on npm!
      • WebAssembly at eBay: A Real-World Use Case
      • Cloudflare Add WebAssembly Support
      • WebAssembly as target for linux kernel
        1 hr 2 min
      • Una Kravets on Google Material Design & web trends

        In this episode we have the one and only Una Kravets on to discuss her new status as a Googler in the Material Design Web department. We talk to Una about what exactly Google’s Material Design is, and how it’s far more than just Google’s UX for the web.


        In fact, Google’s Material Design is entirely theme-able, and is a broad umbrella under which Google’s web products, Android UX, and many other things fall.

        We go on to have a rollicking discussion about the JavaScript world, how YouTube conspired to kill IE 6, supporting older browsers through progressive enhancement, dark mode, emotional mode, RAGE CLICKS and more!

        • Una Kravets on the web
        • Una Kravets on Twitter
        • Una Kravets the Googler
        • Material Design
        • Material Components for the web
        • Github for Material Design Web
        • Material compatibility with Google AMP
        • Toolsday podcast
        • A YouTube Conspiracy To Kill IE6
        • Grid to Flex
        • Dart
        • Flutter
          54 min
        • webpack inside & out with Sean Larkin

          In this episode, we talk to webpack core maintainer Sean Larkin about what webpack is, who it’s intended for, and where it’s going in the future!


          We discuss the serendipitous history of how Sean came to be a webpack core maintainer, and how his job at Microsoft came about as a result of it.

          Join by guest host Jake Dohm, we then go on to discuss a whole lot of gritty technical detail of how webpack works, go through the various terminology, talk about Web Assembly, and what the future holds for webpack 5 and beyond.

          Sean also drops some truth-bombs about CSS being flawed, and browser makers conspiring to kill off webpack. Tune in for the good stuff!

          • webpack concepts
          • webpack in Wikipedie
          • Webpack 4 Fundamentals videos
          • Webpack — The Confusing Parts
          • An Annotated webpack 4 Config for Frontend Web Development
          • A tale of Webpack 4 and how to finally configure it in the right way.
            1 hr 17 min
          • Flat is Beautiful: Statamic 3 with Jack McDade

            In this episode of devMode.fm we talk with Jack McDade about his flat file CMS Statamic. We talk about the original problem of developer workflow that Statamic was intended to solve, and then move on to how it all works at a nuts & bolts level.


            Then we move on to discussing the major new version the Statamic team has been hard at work on: Statamic 3. We hop, skip, and jump around some of the very cool features coming in Statamic 3, such as Stacks, Conditional Fields, the Bard longform content field, and a whole lot more.

            Then we talk about the coup d’é·tat of an abstracted data layer in Statamic 3 that lets you connect to… whatever your heart desires. Join us for a really enjoyable discussion!

            • Statamic 3 Dev Blog
            • Stacks on Stacks on Stacks
            • Unconditional Conditional Field Love
            • Bard. Reimagined. Again.
            • Go Read Statamic at Spiegel Scale
            • Multi-User Editing
            • Jack McDade
            • Synthwave Mixtapes Vol 1
            • Synthwave Mixtapes Vol 2
            • Synthwave Mixtapes Vol 3
            • Synthwave Mixtapes Vol 4
            • Captain Underpants Flip-O-Rama
              1 hr 2 min
            • @pika/web brings 2014 simplicity to 2019 JavaScript

              In this episode, we talk with Fred K. Schott from the Pika Project about a future without webpack. Instead of having a massive build system just to use some node packages on the frontend, we can use @pika/web!


              @pika/web aims to tame some of the insanity that has come with modern JavaScript tooling. We talk about how it works to create a ‘web_modules‘ folder right next to your ‘node_modules‘ folder, and that you can just use

              • What is Pika?
              • @pika/web - Run npm dependencies directly in the browser
              • A Future Without Webpack
              • Pika Project Twitter
              • Pika Web: a new way to build Web Applications
              • The Great Divide
              • An Annotated webpack 4 Config for Frontend Web Development
              • rollup.js
              • Svelte 3
              • American Pikas Calling Out ~ Cute Animals in Nature
                1 hr 7 min
              • Slack is Destroying Communities

                On this episode, we have Zach Shallbetter, co-founder of Uxiliary on to discuss the “Frontend Developers” community he started on Slack.


                We talk about its sudden rise to fame, and then a devolution that happened as a result of Slack’s policies towards public communities. We discuss the scourges of recruiters, trolls, and horrible people that helped to make the community turn from a vibrant one to a toxic one.

                We also talk about how the Craft CMS Slack suffered attacks from people spamming it with unmentionables, causing a move to Discord, for better administrative controls.

                Then like any good redemption story, Zach tells us about how the move to Discord saved the community, and allowed for open and productive conversions between frontend developers again.

                • Slack is Destroying Communities
                • Uxiliary
                • Craft CMS "Join us on Discord"
                • Slack and your boss reading your direct messages
                • Slack
                • Discord
                  59 min
                • SEO for Web Developers: The Silence of the Chickens

                  In this episode, we have Simon Cox from Cox & Co Creative on to talk about what web developers need to know about the science of Search Engine Optimization (SEO) vs. the “sacrificing chickens” voodoo.


                  We start off by talking about the sometimes problematic relationship between web developers and SEO consultants, and how that relationship can be most productive. Horror stories are shared.

                  We talk about how performance, accessibility, and SEO are all intimately related. Then we slide into talking about a wide ranging number of misconceptions about SEO, meta tags, titles, descriptions, sitemaps, structured data etc, etc. and discuss how to focus on what really matter when it comes to SEO.

                  Also, learn the best angle to staple paper.

                  • Simon Cox SEO Articles
                  • Cox & Co Creative
                  • Barkley Marathons
                  • Screaming Frog
                  • Google Structured Data Search Gallery
                  • Structured Data Guidelines
                  • How Google Search indexes JavaScript sites
                  • JSON-LD, Structured Data and Erotica
                  • Modern SEO: Snake Oil vs. Substance
                  • Crafting Modern SEO presentation
                  • SEOmatic Craft CMS plugin
                  • Retour Craft CMS plugin
                    1 hr 14 min
                  • Modern Design Systems, Tooling, and Tokens

                    In this episode we talk to Dominik Wilkowski of Thinkmill about design systems from a modern tooling point of view. We talk about how the real goal is to bridge the gap between design and development, and what role tooling can have in making this easier.


                    We also go on to talk in broader terms about how using a design token system as an abstraction layer can give you the benefits of utility first CSS, but without some of the baggage.

                    And finally, we learn that we test in production, and so do you.

                    • Thinkmill
                    • Design Systems are for People
                    • Why Design Systems are Going to Shape the Internet
                    • Figma
                    • Sketch
                    • Storybook.js
                    • Interplay
                    • Houdini: Maybe The Most Exciting Development In CSS You’ve Never Heard Of
                    • Design Tokens
                    • Design Tokens for Dummies
                    • I test in production & so do you.
                      1 hr 10 min
                    • Pricing Medium to Large Sized Projects

                      In this episode we have on Jennifer Blumberg from Next/Solutions to talk about pricing medium to large sized projects. We’re talking about projects that are firmly in the 5 figure range, venturing on up into the 6 figure range.


                      But how do we determine what that figure should be, exactly? Should it be strictly hourly billing, or should it be value-based? And what exactly does it mean to have “value-based pricing” for your client projects?

                      This is a really interesting bizdev discussion with some people who have been doing it for some time. Learn from what we’ve learned, and avoid our mistakes.

                      • Next/Solutions
                      • Craft CMS Discord
                      • Mastering the Complex Sale
                      • Design is a Job e-book
                      • F*ck You. Pay Me.
                      • Six Figure Freelancer
                      • How I went from $100-an-hour programming to $X0,000-a-week consulting.
                      • Warby Parker: Dave Gilboa & Neil Blumenthal
                      • Hockey Night in Canada
                        1 hr 12 min

                      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…